White Space Issue-Between Content Boxes

  • Resolved hybridmarketing

    (@hybridmarketing)


    7 years, 1 month ago

    Hello and thanks in advnce for your help,

    I am experiencing an issue with white space between content boxes on my new website.

    I would assume it has to deal with the padding pre-set in the CSS of theme?

    If you look on my home page, it occurs below the “main header graphic, below the counter boxes, and at the bottom of the contact section of the homepage.

    Once I get into “custom css” it becomes over my head, so any help on how to reduce this space would be much appreciated.

    Thanks,
    AJ

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello!

    I believe this can be fixed in the VC elements of the page. Think you added some margin-bottom after the rows, or it’s VC’s default setting.

    You can check by doing this. If you see any margin value at the bottom, remove it.

    Here’s the CSS alternative as well:

    .wpb_row{
margin-bottom:0;
}

    Clear your cache if the change doesn’t take place. Or add !important, like this:

    .wpb_row{
margin-bottom:0 !important;
}

    You can add that code in Dashboard -> Appearance -> Customize -> Additional CSS.

    hello,
    I guess you are using [the Gem] theme in you site.
    This space comes from their style sheet.
    They set default margin for .wpb_row as 1.1em.
    Use the css what @blade provide you in above post in your site. 

    .wpb_row{
margin-bottom:0 !important;
}

    Of course use !important tag for this purpose.
    Thanks.

    Thread Starter hybridmarketing

    (@hybridmarketing)

    Thank you, both for your help!

    I used VC, to adjust the margins in the video you provided @blade

    I did this for both sections that had the white space gap and it fixed the issue.

    Thanks again, and I appreciate it!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘White Space Issue-Between Content Boxes’ is closed to new replies.