How do I change h2 fontsize for

This topic has 8 replies, 3 voices, and was last updated 5 years, 8 months ago by Tom.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
July 14, 2020 at 5:06 pm #1363709
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>
```
July 14, 2020 at 8:54 pm #1363797
Leo
Staff
Customer Support
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 🙂
July 15, 2020 at 12:25 pm #1364796

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

July 15, 2020 at 12:34 pm #1364808

Leo
Staff
Customer Support

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.

July 15, 2020 at 12:41 pm #1364815

WP

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

July 15, 2020 at 12:59 pm #1364832

Leo
Staff
Customer Support

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.

July 15, 2020 at 2:34 pm #1364929
Tom
Lead Developer
Lead Developer
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;
}
```
July 15, 2020 at 2:54 pm #1364943

WP

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

July 16, 2020 at 9:21 am #1365874

Tom
Lead Developer
Lead Developer

Glad I could help 🙂
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

[Resolved] How do I change h2 fontsize for

Popular Articles

[Resolved] How do I change h2 fontsize for

Popular Articles

Start building better websites today.