Customise H1 Title

Hello Kharis,

Thanks for your reply, I have split my queries into singular threads as suggested.

Front Page Template H1 Title – I was wondering if it was possible to underline the H1 titles created in visual editor to match those implemented on your widget titles. As there can only be one H1 title per page, they had to be stand alone headings i.e., not created on panel grid cells like your H3 widget titles.

For clarification, I have provided links to the web pages in question:

You will notice that the Testimonials page has “WEIGHT LOSS TESTIMONIALS GALORE!” as an H1 title.

The home page also has “WEIGHT MANAGEMENT : A HEALTHY LIFESTYLE MADE EASY” as an H1 heading.

Underlining these would make them consistent with the other headings further down the page.

I would appreciate your support. Thank you.

Hello there,

You should define a widget-title class name to your H1 tag. So it will be:


<h1 class="widget-title">WEIGHT MANAGEMENT : A HEALTHY LIFESTYLE MADE EASY</h1> 

Then apply the below custom CSS code through Appearance > Customize > Additional CSS.


h1.widget-title:after{
  background-color: #d65050 !important;
}

Regards,
Kharis

Hello Kharis,

Awesome … that did the trick!

Thanks a million.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis