Drop The Bar A Bit Low - by Libardo - on WordPress WooCommerce support

This topic has 20 replies, 3 voices, and was last updated 8 years, 11 months ago ago by Eva Kemp

  • Avatar: Libardo
    Libardo
    Participant
    March 27, 2015 at 05:00

    Hello Support,

    I tried to change the padding or the space field to drop the bar just like I paint it in red color to the footer but does not go. Maybe can advise if I am doing something wrong?

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/4234235_zpsr3i7n5s4.png

    Would you please assist to have the spacing, padding fix in order to look like above? In addition I also want to move the position of the Quote button a bit more to the right and align it to show in the same line as the text ( BEYOND KITCHEN AND BATH COVERS EVERY TRADE WITHIN THE INDUSTRY )

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/4fgfdg_zps7sehovmb.png

    Please, contact administrator
    for this information.
    19 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 27, 2015 at 09:10

    Hello,

    Please add this code in custom.css file

    .wpb_row,
    .content-page {
    margin-bottom: 0px; 
    }

    Regards,
    Robert Hall.

    Avatar: Libardo
    Libardo
    Participant
    March 27, 2015 at 14:18

    Hello Robert,

    Thanks .. Is there also another code to play with the margins? For instance to lower a bit down or up?

    Also would you please assist to have the spacing, padding fix in order to look like above? In addition I also want to move the position of the Quote button a bit more to the right and align it to show in the same line as the text ( BEYOND KITCHEN AND BATH COVERS EVERY TRADE WITHIN THE INDUSTRY )

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/4fgfdg_zps7sehovmb.png

    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 27, 2015 at 14:33

    Please try add this code in custom.css file to move button to right side:

    .page-id-23019 .vc_custom_1427428241145 ult-vc-hide-row .btn{
    float:right;
    }

    and this code to align middle text in white block

    .vc_custom_1427428241145{
      padding-bottom: 10px !important;
    }

    Regards,
    Robert Hall.

    Avatar: Libardo
    Libardo
    Participant
    March 27, 2015 at 14:58

    Hi Robert,

    I tried the codes above but nothing change. Can you please login to check this?

    See in private

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 27, 2015 at 15:10

    I’ve made some changes in custom.css file regarding the code above. Please check.

    Regards,
    Robert Hall.

    Avatar: Libardo
    Libardo
    Participant
    March 27, 2015 at 15:49

    Thanks Robert .. Looks much better indeed!! Now is there a way for this text to go in line with the other ones?

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/ewfwefwef_zps3bkahulh.png

    Also how do I make this text letter ( BEYOND KITCHEN AND BATH COVERS EVERY TRADE WITHIN THE INDUSTRY ) size bigger ?

    Avatar: Eva
    Eva Kemp
    Support staff
    March 27, 2015 at 19:00

    Hello,

    I’ve changed columns to 2/3+1/3 in Visual Composer editor. Please check that section now.
    To make text bigger you need change font size in Text editor as shown on the screenshot:
    http://storage3.static.itmages.com/i/15/0327/s_1427479100_3581664_ed3abeff9b.png

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    March 27, 2015 at 19:14

    Thanks Eva. Now going back to the button is there a way to make it bigger or any way that I can play around with from left to right,padding,space etc.. ? Like for instance right now the button looks the way it should which is on the right. But how to move it a bit closer to the text?

    Avatar: Eva
    Eva Kemp
    Support staff
    March 27, 2015 at 19:31

    Hello,

    To make a button bigger add this code in custom.css file:

    .page-id-23019 .vc_custom_1427428241145 .btn {
        font-size: 20px !important;
        margin-right: 70px;
        padding: 10px 10px !important;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    April 17, 2015 at 01:11

    Hi Eva,

    Can you please assist with the following:

    YELLOW = Center the Button in the BLUE color space. How to make the Red Button (Picture 2) just the same for (Picture 1)?

    RED = How can I center the text in the BLUE color space?

    Picture 1
    http://i1340.photobucket.com/albums/o728/LibardoBarreto/SFDF_zps8jc4dz06.png

    Picture 2
    http://i1340.photobucket.com/albums/o728/LibardoBarreto/VVSDSDD_zpsfbeytjsb.png

    I have the following codes already in page (bkbcuracao.com/services)

    .wpb_row,
    .content-page {
    margin-bottom: 0px;
    }

    .vc_custom_1427428241145{
    padding-bottom: 10px !important;
    }

    .page-id-23019 .vc_custom_1427428241145 .btn {
    font-size: 20px !important;
    margin-right: 70px;
    padding: 10px 10px !important;
    }

    Let me know if need to change them or add replace them with a new code.

    Avatar: Eva
    Eva Kemp
    Support staff
    April 17, 2015 at 09:45

    Hello,

    To move the button on Picture 2 add this code in custom.css file:

    button.ult-align-left {
        float: right !important;
    }

    Please provide us with a link for Picture 1.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    April 17, 2015 at 11:36

    Hi Eva,

    The Picture 1 is shown above.
    please find below

    http://rs1340.pbsrc.com/albums/o728/LibardoBarreto/SFDF_zps8jc4dz06.png~320×480

    Avatar: Eva
    Eva Kemp
    Support staff
    April 17, 2015 at 13:53

    Hello,

    We need to see the page where that content is added on your site.
    Please give us a page url.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    April 17, 2015 at 18:21
    Avatar: Eva
    Eva Kemp
    Support staff
    April 17, 2015 at 19:17

    Hello,

    Add this code in custom.css to center the text from picture 1:

    .vc_custom_1429156136955 {
        margin-top: 40px !important;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    April 18, 2015 at 17:54

    Hi Eva,

    I tried this code but cannot move the text:

    .vc_custom_1429156136955 {
    margin-top: 40px !important;
    }

    Now I have the following questions:

    ITEM 1:

    – IS there a way to center both Button and Text at the same time instead of individual? IF so what would be the code for this?

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/hgfjfgj_zpsjirvkach.png

    ITEM 2:

    – IS there a way to change the color of this button?

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/78h_zpsaeyru9wn.png

    ITEM 3:

    – IS there a way when you hover your mouse over the button which it can show a bit transparent that indicate that your cursor is on this button?

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/78h_zpsaeyru9wn.png

    ITEM 4:

    – Is there a way to add Top Padding 5px? I tried with this code but still not have affect:

    .wpb_row,
    .content-page {
    margin-bottom: 5px;
    margin-top: 5px;
    }

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/56_zpscp1wvadg.png

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    April 19, 2015 at 18:52

    Hello,

    1. Try to use this code:

    .vc_custom_1429156136955 {
     margin-left: 90px !important;
    }

    2. Use this code:

    .btn.filled.medium {
     background-color: red;
    }

    3. Use the following code:

    a.btn.filled.medium:hover {
     opacity: 0.6;
    }

    4. Do you want to add that value for the whole row? If so try this code:

    .vc_custom_1429156136955 {
      margin-top: 5px !important;
    }

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    April 20, 2015 at 03:15

    Hi Eva,

    ITEM 1, 2, 3 works. We are having problem with ITEM 4.

    When I add the code of ITEM 4 in the CSS it still don’t work. I illustrate below the following:

    COLOR YELLOW needs to be the same height as COLOR RED. COLOR BLUE we would like to lower the text a bit to be a bit in line with the button next to it.

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/3435_zps9yg8rt1b.png

    I also noticed the following once a I logged in and went to SERVICES page. Could you please correct this?

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/gbdfhdfh_zpss47b4yoa.png

    Please see in private for login credentials.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    April 20, 2015 at 12:33

    Hello,

    Please try to add padding value for the text block which you want to move:
    http://storage1.static.itmages.com/i/15/0420/h_1429529521_2596359_ca0ae0d96e.png

    Also try to recreate the row where you have issue with content display.

    Regards,
    Eva Kemp.

  • Viewing 20 results - 1 through 20 (of 20 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.