Adding Space Below Feature Image

[patrickg]

On several pages of my site there’s no white space between the featured image and the content below it. Here’s a good page to take a look at for reference:

https://www.bourbonbanter.com/category/drink/drink-reviews/rum-reviews/

How do I update the CSS to ensure there is a gap of white like on this page:

https://www.bourbonbanter.com/?s=whiskey#.W3LvAf5Kgvo

Another issue is how do I add the same gap between the featured image and my sidebar images? If you look at the above page again:

https://www.bourbonbanter.com/?s=whiskey#.W3LvAf5Kgvo

You’ll notice that the right side-bar image bumps up against the featured image. I’d prefer it look like this page:

Noah's Mill Small Batch Bourbon Review & Tasting Notes

Thanks,

Patrick

[basanta]

Hi There,

Thanks for writing in!

You can use this CSS in theme option -> CSS to make the gap between the post and header.

.category-rum-reviews .x-iso-container {
pading-top: 40px !important; /* can be change according to your requirement*/
}

You can adjust the value.

Regarding the sidebar image, please use this CSS.

.search-results .x-sidebar.right {
pading-top: 40px !important; /* can be change according to your requirement*/
}

Hope this helps!

[patrickg]

I implemented the code but it’s not adjusting anything. It’s in place if you want to take a look.

[nabeel]

Hi again,

Above code has a syntax error, please replace the above code with this:

.category-rum-reviews .x-iso-container {
padding-top: 40px !important; /* can be change according to your requirement*/
}
.search-results .x-sidebar.right {
padding-top: 40px !important; /* can be change according to your requirement*/
}

Let us know how this goes!

[patrickg]

Thank you. I tested on my staging site and it worked.

But…when I put into my live site it’s not working. I can’t figure out what the difference is.

[thai]

Hi There,

Please delete the previous CSS and try adding this custom CSS instead:

.category .x-container.main,
.search-results .x-sidebar.right {
    margin-top: 35px;
}

Hope it helps

[patrickg]

Thank you! That worked.

[basanta]

You are most welcome!