How do I change h2 fontsize for

[WP]

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>

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[WP]

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

[Leo]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[WP]

How could I share url privately? Staging setup is ready to be viewed publicly.

[Leo]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[WP]

Thanks Tom! That fixed the issue! I will check with WordPress.com support to find out where this css property coming from.

[Tom]

Glad I could help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts