Change Font size on the /blog/

Tomatito11 · September 2020

Hello I would like to change the font size of the h2 and h3 titles on the / blog / page and all the articles that hang from it.

I don't know if it's possible adding custom css.

Pablo · October 2020

Hello,

Of course that's possible using the CSS, you have to catch the class from body tag which is unique for the blog and single posts and then, catch the h2 and h3 title

Hope it helps.

Thanks

Tomatito11 · October 2020

Hello,

Could you explain to me in more detail how and where to do it

Thanks

Pablo · October 2020

Here you will find the instruction, how to do it.

In your case, you should take a look at the "Custom CSS & JS" and "Want to change and existing class or ID"?

https://support.muffingroup.com/how-to/how-to-add-custom-classes-and-css/

About the special class, take a look at the inspector (as on video) on blog.

https://prnt.sc/ur6aku

thanks

Tomatito11 · October 2020

Is there a way to make the changes take effect in all blog (included) posts from betheme's "custom css" menu, or do I need to put it in each post manually?

Tomatito11 · October 2020

actually, I don't see any custom css box to place the code on the single post pages

Phil · October 2020

Hello,
Yes, you can make changes only for all blog posts headings using custom CSS code.

Pablo [Support Team] said to catch special CSS class (https://prnt.sc/ur6aku) and then create the CSS code which should be provided in Betheme > Theme Options > Custom CSS & JS > CSS.

https://prnt.sc/utwzgy

Thanks

Tomatito11 · October 2020

ok, but I don't know what code should I put there. In order to have de h2 on 25px, and the h3 on 20px.

Phil · October 2020

Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
thanks

Tomatito11 · October 2020

the page is edsrobotics.com

Phil · October 2020

Please, go to Betheme > Theme Options > Custom CSS & JS > CSS, and paste following code

body.blog .post-item h2{
  font-size: 25px !important;
}
body.blog .post-item h3{
  font-size: 20px !important;
}

https://prnt.sc/uu2qi2

thanks

Tomatito11 · October 2020

ok, it works on the blog page, but not on the single post pages

Phil · October 2020

Ok, paste that code either in the same place:

body.single-post h2{
  font-size: 25px !important;
}
body.single-post h3{
  font-size: 20px !important;
}

Thanks

Change Font size on the /blog/

Comments