Style page title in header using Theme Options?

No, not an H1 tag within the page.

On that page the words “About JBO” in the gold bar in the heading is what I’m referring to, below the logo and menu bar. The place that tells the user what page they are on. I think it’s referred to as the Page Title but maybe sometimes Header Title?

The menu is set to Open Sans, the body is set to Open Sans. Only the H1-6 tags are set to a serif font. I can’t find anything in Theme Options that controls that Header/Page Title text. I’d also like to remove the link since I’m not using it for navigation.

If there is a better way to accomplish the look I want, that would be fine. But usually the page Title shows up at the top of the main content area..

In General Styling I can control the Main Content Heading Color, but not the font size or family.

• This reply was modified 1 year ago by bbarasa.

The pointer-events CSS did remove the link, but the CSS to change the font wasn’t quite right. I looked at the source code and saw the text is within an h1 tag, but adding h1 didn’t help. I also saw that the title is within an a tag, and even tho we’ve taken out the live link itself, the tag still remains. so I added the “a” to the CSS for the font family as you did for the link CSS itself and that worked to change the font.

So then it seemed obvious that all that CSS could go together. Result that works:
.title_container .main-title a {
pointer-events: none;
margin: 0;
font-size: 16px;
position: relative;
z-index: 2;
min-height: 36px;
line-height: 2.3em;
top: 0;
font-weight: 400;
font-family: Open Sans;
}

Thanks!! Maybe consider adding that as a request. The reason it was picking up the other font was that the title is in an H1 tag, which I’ve defined as EB Garamond. In the typography page, for H1-6 there are some toggle checkboxes for different areas of the page. Maybe Page Title could be added?