Archived topic
How do I change h2 fontsize for
8 replies · Started by WP on July 14, 2020
Hi,
I added Gutenberg 'Blog Posts' block on frontpage(page type). I'm trying to change font size of block header = 'Recently Added Softwares' and also add 10px padding on the bottom but could not find option anywhere to do so. This is the output I got for h2 tag. Site is not public yet.
https://pasteboard.co/JhGsl86.png
<div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-10 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1">
<div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-medium"> <div
class="wp-block-newspack-blocks-homepage-articles article-section-title wpnbha is-grid columns-4 show-image image-alignleft ts-2 is-1 is-uncropped article-section-title"
style=""
>
<div>
<h2 class="article-section-title">
<span><strong>Recently Added Softwares</strong></span>
</h2>
</div>
</div>Hi there,
The option in Customizer > Typography > Headings should work.
If you just want to change that specific title then CSS is required:
h2.article-section-title {
font-size: 20px;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
Leo, thank you for quick response. Still the same after adding custom css. Tried changing via Customizer > Typography > Headings and no luck either. This is just a Gutenberg block.
https://pasteboard.co/JhO26jl.png
Unfortunately I would need to see the issue live to be able to provide a solution.
Can you create a staging setup for it? Or we can revisit once the site is live.
How could I share url privately? Staging setup is ready to be viewed publicly.
You can use the Account Issue form here:
https://generatepress.com/contact/
Please include the following information:
– The URL of this topic.
– Login URL.
– Username and password.
Hi there,
You have other CSS which is overwriting it: https://www.screencast.com/t/mXRh7hWBCRxX
Not sure if that's custom CSS or coming from a plugin. If it's custom, you should just be able to adjust the font-size value.
If it's from a plugin, you can overwrite it:
.wpnbha h2.article-section-title {
font-size: 40px;
}Thanks Tom! That fixed the issue! I will check with WordPress.com support to find out where this css property coming from.
Glad I could help :)
