Jump to content

Changing H1 Font Size on Blog Page Only

Recommended Posts

Site URL: https://wrasse-buffalo-6zlc.squarespace.com/

Hello 

I was told that for SEO for blogging it is good to have your title and main headlines in the blog h1 font, that being said the h1 font looks too big in the blog, but I do not want to change the size of it for the whole global site. Is there a way to adjust the H1 font down in the title of the blogs and inside the blog pages just for the blog?

 

Thanks

Screen Shot 2021-10-08 at 1.41.29 PM.png

Screen Shot 2021-10-08 at 1.41.33 PM.png

Edited by IndigoBolt11
Link to comment
  • Replies 5
  • Views 826
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

4 hours ago, MidnightClub said:

You can try to add !important to force it. Does it work on the post grid?

.blog-item-title h1.entry-title {font-size:15px !important}

That worked thank you!

Is there anyway to edit the H1 size of the regular text within the blog, and no where else? for examples the headings within the text of the post? 

 

Screen Shot 2021-10-09 at 8.27.07 AM.png

Link to comment
On 10/9/2021 at 9:27 PM, IndigoBolt11 said:

That worked thank you!

Is there anyway to edit the H1 size of the regular text within the blog, and no where else? for examples the headings within the text of the post? 

 

Screen Shot 2021-10-09 at 8.27.07 AM.png

try this code

body[class*="collection-type-blog"] .html-block h1 {
	font-size: 20px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.