Zeng pppdog on "How to change the size of the H2 tag"

Hi,

Is there a way to change the font size of the H2 tag? The default setting is too large. Thanks

If your current theme doesn't have a section for user-added CSS, you can use a Child Theme or a CSS plugin to customize the H2 size.

And if your theme offers user-added CSS or you installed a CSS plugin, the CSS to change the font size looks like this:

h2 {
font-size: 20px;
}

And change the 20px until you like its size.

Hi,

Thank you very much. The theme does have a user-added CSS section. But how to apply the h2 to the post only. I do not want to apply h2 to all the other elements on the page.

Hi,

Where are the default CSS classes in WordPress? Which class shold I use for the post headings. It seems that there are no such one online?

You need to link to your Web site. Each theme has its own classes. But, in general, the post title class would be .entry-title, .post-title, or something like that.

It also depends on whether you're talking about the <h2> post title or just all <h2> elements within the post.

The H2's are usually theme specific. If you can identify the H2 class in the style sheet for the theme you are using, you can then make the changes in the custom CSS.

Do you use any developer tools such as Firebug for Firefox, or the built in developer tools in IE or Chrome?

It might help identify the H2 class for you if you could post a link to your site, or tell us what theme you're using.

Hi, Justin,

I am talking about the <h2> elements within the post, below is a sample post:

https://www.datanumen.com/blogs/2-ways-block-foreign-junk-emails-outlook/

The first subheading in the post body, i.e. "Utilize Junk Email Filter" is using <h2> tag.

I find it is using .entry class, so I apply:

.entry h2 { font-size: 20px; }

Is that correct?

Thanks

I think that's probably the one! :-)

Try placing .entry h2 { font-size: 14px; } in your custom css and see if that changes the right h2 for you. Of course, adjust the size to whatever you need it to be.

{.entry h2} for the post and{ h2 } for your post ---Meaningless！
You can try.here
h2.entry-title{font-size 25px; font-weight: 700;} doing css.

<h2 class="entry-title">Utilize Junk Email Filter</h2> is your entry title.
Can do ...
h3.entry-content{font-size: xxpx; font-w.......;} css.
<h3 class="entry-content">When it comes to junk emails, we are inclined to delete them immediately. In addition, we can also prevent junk emails from the same addresses or domain names, by adding them to our blocked senders list. However, sometimes to foreign junk emails,....</h3>
Is So good.