[Support request] Sections have padding despite 0px

[Bebe]

Sections on the homepage have top padding despite being set at 0px
http://absolutewebdesigns.co/casey/

How to remove this?

[Leo]

Hi there,

I think that might be causing by the syntax error in your code. I see this:
<div class="class=" col-md-12" "> before this picture: http://absolutewebdesigns.co/casey/wp-content/uploads/2017/03/Garden-Fairy.jpg

Try fixing that and see if it fixes the problem?

[Bebe]

Fixed that, but it’s still showing a space.

[Leo]

Try this:

div#generate-section-4 p {
    margin: 0;
}

[Bebe]

Nope. And that will also screw up all the section 4 containers throughout the site, not just this one.

[Leo]

Do you have an empty space/paragraph inserted in that section? I don’t think that space should be there in the first place.

Otherwise you can target just that page like this:

.page-id-10 div#generate-section-4 p {
    margin: 0;
}

[Tom]

If you have a shortcode in that section, it may be the shortcode adding the empty paragraph tag.

To add to Leo’s CSS, you can target empty p tags only:

.page-id-10 div#generate-section-4 p:empty {
    margin: 0;
}

[Author]

Posts