Site title sytle similar to Sydney Pro Titles

Hi,

The pages titles in Sydney Pro, i.e. these titles: h1 class=“title-post entry-title” Title /h1, have a different style from the widgets titles: "h3 class=“widget-title” "Widget Title “/h3”

What CSS can be used to make the page title style (h1) the same as the widget title (h3).

I know I could work around this hiding the page titles and using only widget titles, but then all the pages <h1 will be hidden and that can be bad for SEO.

Thanks,

Hello there,

To set the same font size for page title as sidebar widget’s, try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .hentry .title-post {
      font-size: 22px;
    } 

Regards,
Kharis

Thank Kharis,

How could I set also the red underline for h1 titles? sydney underline

Hello there,

Please try adding the below extra CSS code:

    .hentry .title-post {
      position: relative;
    } 

    .hentry .title-post:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 120px;
      height: 2px;
      background-color: #e64e4e;
    } 

Regards,
Kharis

Hi, this code works, but the problem is sizes won’t be responsive.

Is there any way of marking the “widget-title” classes as tag h1 instead of h3? I’m ok keeping the titles from the sydney widgets, but it worries me that the pages won’t have good h1 and h2 for SEO purposes.

Thanks,

Hello there,

Visit the Page Builder settings panel from dashboard (/wp-admin) > Settings > Page Builder; in the Widgets options, replace h3 tag to h1 on “Widget Title HTML” box.

Regards,
Kharis