Changing H1 Font Size on Blog Page Only

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

Hi @IndigoBolt11,

you can try to add this in design>custom css :

.blog-title{font-size:15px}

just adjust the value.

For the blog post page, code would be:

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

Best,

Fab

20 minutes ago, MidnightClub said:

Hi @IndigoBolt11,

you can try to add this in design>custom css :

.blog-title{font-size:15px}

just adjust the value.

For the blog post page, code would be:

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

Best,

Fab

@MidnightClub thank you! I did this however when i was adjusting the value nothing happened- am I missing something? 

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}

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? 

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? 

 

try this code

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