H2 subheading

Support
#1

Hi,

Below is my web site, the H2 subheading is so big.

This is a website using same theme. but H2 subheading is smaller and nicer.

How to change it to make them same?

Thanks,
Michael

#2

Hi Michael,

In this website, the h2 headline has been resized by this custom CSS:

h2, .h2 {
    font-size: 24px!important;
}

You can copy it to the Theme Options > CSS of your buddhismzone.org website.

Regards!

#3

Thank you very much!

How about this page, it aslo use the same them.Could you please have a look?
https://snakeowner.com/non-venomous-snake-bite-symptoms/

#4

Hi Shizai,

Do you mean applying different font sizes to specific h2? Because you have two ideal URL of the same site, the only difference is the first one has h2 of 24px, the second has 30px. Then you can do thes

<h2 style="font-size: 24px">Sub headline for page 1</h2>

<h2 style="font-size: 30px">Sub headline for page 2</h2>

Or you can implement it as CSS so you could re-use it. Example, add this to Theme Options > CSS.

.h2_sub_1 {
font-size: 24px;
}
.h2_sub_2 {
font-size: 30px;
}

Then

<h2 class="h2_sub_1">Sub headline for page 1</h2>

<h2 class="h2_sub_2">Sub headline for page 2</h2>

<h2 class="h2_sub_1">Sub headline for page 3</h2>

The sites you provided uses the same theme, but the content isn’t added in the builder so you have to do these manually. But there is no need for this if you’re creating your content in the builder, the headline and text elements has its own setting that you could change without CSS.

Thanks!

#5

Hello,

Please try setting the following in your global CSS:

h2, h3, h4, h5, h6 {

    font-size: 150%;

}

Hope this helps.

#6

Thank for helping out @derekcarlos

Have a great day! :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.