Page heading style

1option

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)?

saguaros

1option Hi

I'm not entirely sure of how you want to achieve here, I checked the /podcasts page and it's category list page, could you share screenshot of how it should be?

1option

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?

saguaros

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.

1option

Perfect! All headers match now!