- This topic has 8 replies, 3 voices, and was last updated 7 months, 2 weeks ago by
Tom.
-
AuthorPosts
-
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 #1363797Leo
StaffCustomer SupportHi 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/July 15, 2020 at 12:25 pm #1364796WP
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.pngJuly 15, 2020 at 12:34 pm #1364808Leo
StaffCustomer SupportUnfortunately 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/July 15, 2020 at 12:41 pm #1364815WP
How could I share url privately? Staging setup is ready to be viewed publicly.
July 15, 2020 at 12:59 pm #1364832Leo
StaffCustomer SupportYou 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/July 15, 2020 at 2:34 pm #1364929Tom
Lead DeveloperLead DeveloperHi 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-developmentJuly 15, 2020 at 2:54 pm #1364943WP
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 #1365874Tom
Lead DeveloperLead DeveloperGlad I could help π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.