Archived topic
How to reduce white space below page title and next block which is an image
5 replies · Started by Trish on May 2, 2022
Hi,
Have tried page ID, title... you name it... yet that white space is STILL there: https://www.awesomescreenshot.com/image/26583677?key=0e33a08f416a125611cf273abb53f5f3
Hi Trish,
For one, you may remove the Content Separator in Appearance > Customize > Layout > Container.
Another approach would be through this CSS if you want it to be specific for this page:
.page-id-9735 .entry-content {
margin-top: 0px;
}
Hope this helps! :)
Had to sign off at 11:25 pm your time last night (my 3:30 AM), as I was exhausted, so am only now getting your answer. And... WOW!
Thanks again Fernando, it works!
Soooo, does that mean I don't need the small-space CSS script that is in the Additional CSS field for the image below the title?
Hi there,
you could keep the small-spacing CSS as it allows you to add it to any block you want it applied to... BUT its CSS is not specific enough so you will need to give it some !important for it to work:
.small-spacing {
margin-bottom: 0 !important;
}
Ahhh, Thank YOU David!
I shall keep that script in place too.
Thanks HEAPS!!!!
You're welcome