Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1290538
    nikiniki9doors
    Participant

    Hi

    I searched the threads and found

    .x-content-band {
    margin: 0 !important;
    padding: 0 !important;
    }

    for the issue of too much space between rows and items on VC but it didnt correct anything.

    Please see:

    http://www.curatedlisbon.com/portfolio-item/altis-belem-hotel-spa/ below the feature image the title is way down. There is no padding around the photo current and no empty space feature.

    How do I correct this?

    #1290828
    Rupok
    Member

    Hi there,

    It seems you have set line-height: 24; for the custom headline and your font-size is set to 20px. So the actual line-height would be (20×24) = 480px. Let’s use a legit line-height value like line-height: 1.5; or use pixel value line-height: 24px;

    Hope this makes sense.

    #1291515
    nikiniki9doors
    Participant

    Right got it – there is still a 55px padding on the bottom of the image above it? I set the padding there to 0px in VC – but there is still a gap. I added a 10px empty space below that. Any ideas?

    #1291583
    Rupok
    Member

    Hi there,

    Thanks for updating. It was within Style field and seems you already take that off. Let us know if you still need help.

    Cheers!

    #1291674
    nikiniki9doors
    Participant

    Right got it – there is still a 55px padding on the bottom of the image above it? I set the padding there to 0px in VC – but there is still a gap. I added a 10px empty space below that. Any ideas?

    #1291729
    Joao
    Moderator

    Hi There,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks

    Joao

    #1291815
    nikiniki9doors
    Participant
    This reply has been marked as private.
    #1292205
    Friech
    Moderator

    Hi There,

    Add a class mvn to the header (ALTIS BELEM BOUTIQUE HOTEL). That class absolutely remove the top and bottom margin of any element.

    Regarding the text box, apply a margin auto and a float: none to it.

    .listingmaintext {
        max-width: 750px;
        margin: 0 auto;
        float: none;
    }

    Hope it helps, Cheers!

    #1292222
    nikiniki9doors
    Participant

    Hi Friech

    How do I add it to the header? And will I have to do it to every single page?

    #1292363
    Rupok
    Member

    Hi there,

    If you other page have same setup then you need to add the class on every pages. However your extra spacing seems coming from this code :

    .vc_custom_1481579422049 {
      padding-bottom: 75px !important;
      padding-left: 30px !important;
      padding-right: 30px !important;
    }

    The padding-bottom value seems unnecessary. Let us know what you are facing right now.

    Thanks!

    #1293056
    nikiniki9doors
    Participant
    This reply has been marked as private.
    #1293475
    Jade
    Moderator

    Hi there,

    Please use this code:

    .single-x-portfolio .entry-wrap {
        padding: 0 60px;
    }
    
    .wpb_single_image {
       margin-bottom: 0;
    }

    Hope this helps.

    #1293525
    nikiniki9doors
    Participant

    how can I apply this to posts and pages? where does the 60 come from? it should be top 75px, 30px left, 30px right and 0px bottom?

    yeah that only fixed the spacing below the logo. not the row gaps.

    How do I use the mvn and where do I put it so that I can just completely erase all paddings/margins within the body of the page and I’ll just manually put them in VC per row/column.

    #1293821
    Rad
    Moderator

    Hi there,

    You can change it to this

    .single-x-portfolio .entry-wrap,
    .page .entry-wrap,
    .single-post .entry-wrap {
        padding: 0 60px;
    }

    And that means padding top and bottom is 0px, and padding left and right is 60px. And you can change it to

    padding: 70px 30px 0px;

    70px top padding, 30px left and right padding, and 0px for bottom. It’s a shortcut for this which is basically the same

    padding: 70px 30px 0px 30px;

    About the row gaps, you’ll have to use the spacing helpers, or use padding within style option. Example, edit your specific content band or element and find the Class input field, then add mtn.

    And if you wish to add specific margin or padding values, then you can use the Style input field instead of Class input field. And you can simply add padding-top: 0px;, and so on.

    Class and Style input fields are available in all elements, rows, and columns.

    Thanks!

    #1294681
    nikiniki9doors
    Participant

    Thanks rad and how would I apply that to posts, and pages?

  • <script> jQuery(function($){ $("#no-reply-1290538 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>