Hi,
my colleagues think that the vertical distance in the headlines on our new site is a little bit too large. I.e. on https://www2.ebg.tue.bw.schule.de/wordpress/besonderheiten-am-ebg/bilingualer-zug/ the distance between the horizontal line that closes the header with the breadcrumbs and the headline in capital letters.
I tried different changes in the QUICK-CSS-Section but it did not really work. Setting a negative value for h1… tags does work, but it affects all headers and not only the first header in the text.
How can I change this?
Thanks in advance
Ingo
Hi Ingo,
It looks like you have that header in a Text Block element? What if you use the Special Heading element instead? You will have more options for controlling the space around the element if you do that.
Best regards,
Rikard
Thank you, Rikard!
I tried it. The vertical space above is getting a bit smaller but I still cannot adjust the space above (I obiviously can adjust the space below though, but not above…). Is there any way to do this?
Kind regards
Ingo
Hi Ingo,
Thanks for the feedback. If you want to control that space then you would need to reduce it on the main content container, if you add this to Quick CSS then it will be applied to the whole site:
main.content {
padding-top:30px !important;
}
If you only want it on the page in question then please use this instead:
.page-id-5118 main.content {
padding-top:30px !important;
}
Best regards,
Rikard