Archived topic
Trouble displaying titles and headings correctly
5 replies · Started by Richard on June 5, 2021
I am using the target theme for my site, and am having some trouble with the headings.
This page shows how I think it is supposed to display: https://treemonkeymusic.com/news/
But other page don't include the top headline (on the highlighted background): https://treemonkeymusic.com/contact-tree-monkey/
On this page you can also see that the frame of the content holder is cutting through the menu items and the logo.
Hopefully this is just some setting that I have overlooked, but any guidance you provide would be much appreciated.
Thank you
Richard
Hi there,
in Customizer > Additional CSS - look for this CSS rule:
body:not(.home):not(.woocommerce) .site.container {
margin-top:-40px
}
and change it to:
body:not(.home):not(.woocommerce) .page-hero + .site.container {
margin-top:-40px
}
Perfect, that takes care of the spacing.
I am wondering why some pages have a heading on a dark banner background:
https://treemonkeymusic.com/news/
While others only have the heading inside the content area:
https://treemonkeymusic.com/who-is-tree-monkey/
Is there a way, or a style, to assign that dark background?
Thanks so much.
Richard
Looks like you may have imported a couple of different Sites from the Site Library.
One of which will have added a Header Element ( found in Appearance > Elements ) ...
https://docs.generatepress.com/article/header-element-overview/
and the CSS which creates the overlap.
In Appearance > Elements look for the Header Element - and edit its Display Rules Locations to include it on other pages.
Or Delete the Element if you don't want it displayed anywhere
Perfect, thanks for the prompt assistance.
Glad to be of help