How can I get the style of the "Podcast Categories list" heading (outlined in green) on the Podcast page to match the style heading on the Featured Article Perspective page (outlined in red)?
Page heading style
- Edited
Hi,
Using masthead to generate the title isn't working, because the title spacing is then different from the rest of the page.
I just want to add a page class to the Menu item (linked above) to match the page heading style on the "Perspective page" Isn't there a class that I can apply in the Page Class field setting to get the desired page heading style?
These are different views so can't use the same class for this case.
I added this custom css to style for the heading on Podcast page:
.podcast-categories-list .row-cols-lg-3 h1 {
width: 100%;
text-align: center;
margin: 0;
font-size: var(--h1-font-size);
font-weight: 800;
}
.podcast-categories-list .row-cols-lg-3 h1:after {
content: "";
background-image: url("../../images/pattern-1.png");
background-repeat: no-repeat;
width: 195px;
height: 16px;
display: block;
margin-left: auto;
margin-right: auto;
}
Kindly check.
Perfect! All headers match now!
saguaros locked the discussion.