Changing Blog Post Title Font, Button Font & Summary Block

I have successfully uploaded Avenir as the font to be used on my website and have changed h1, h2, h3 and h4 to this font. However, I can't figure out the code to change the font of blog post titles, buttons and blog post titles in the summary blocks. 

I am using the template Merida. My site URL (for now) is https://goose-alpaca-n3cy.squarespace.com/ 

Thank you! 🙂

See my signature to setup password & share url again.

Also, can you take screenshot of "blog post titles, buttons and blog post titles"?

3 hours ago, tuanphan said:

Private Site

This site is currently private. If you’re the owner or contributor, log in.

See my signature to setup password & share url again.

Also, can you take screenshot of "blog post titles, buttons and blog post titles"?

 

Thank you fo responding. I have set up a password. It is 'password' 

Here are the screenshots

@slgwrkb Still private

6 minutes ago, tuanphan said:

@slgwrkb Still private

Private Site

This site is currently private. If you’re the owner or contributor, log in.

Should work now, try 12345

h1.blog-title a {
    font-family: fontname !important;
}

Where is screenshot 2 & 3..

for some reason, the period in the CSS turns my CSS grey (from my coding days in college I know that means it isn't linking correctly) so i take the period out so it reads:

h1 blog-title a {
    font-family: fontname !important;
}

but it still isn't working. Any suggestions?

I also am looking to change my button font and navigation font and can't seem to find the right CSS code for that either. I'm in Squarespace 7.1 (using the Hester template which I don't think matters for this version)

Any insight?

On 12/9/2019 at 10:15 PM, tuanphan said:

h1.blog-title a {
    font-family: fontname !important;
}

Where is screenshot 2 & 3..

Thanks so much! That worked for the summary block. I did post the other screenshots but I will post again, sorry!

10 hours ago, casegliidd said:

for some reason, the period in the CSS turns my CSS grey (from my coding days in college I know that means it isn't linking correctly) so i take the period out so it reads:

 

 

Any insight?

Need site url to check. Each version will have different code. Difficult to help without site url.

44 minutes ago, slgwrkb said:

 

div#page-section-5ddcc7682e47f65be3580b0b .sqs-block-button-element {
    font-family: font-name;
}
div#page-section-5de6f19aa6c1497f49b6e6ab h2 {
    font-family: font-name;
}

1 hour ago, tuanphan said:

div#page-section-5ddcc7682e47f65be3580b0b .sqs-block-button-element {
    font-family: font-name;
}
div#page-section-5de6f19aa6c1497f49b6e6ab h2 {
    font-family: font-name;
}

 

Neither of these worked for me unfortunately

9 minutes ago, slgwrkb said:

Neither of these worked for me unfortunately

try adding !important, eg: font-family: font-name !important;

remember replacing font-name with your font

23 hours ago, tuanphan said:

try adding !important, eg: font-family: font-name !important;

remember replacing font-name with your font

Still no luck with either unfortunately

Never mind, I got it 🙂

@slgwrkb Can you help me figure out the css for custom font for the title of the blog?

19 hours ago, reduceddesign said:

@slgwrkb Can you help me figure out the css for custom font for the title of the blog?

.entry-title {
    font-family: 'put your font name here' !important;
}

thanks a ton, @slgwrkb I will give it a try

i'm trying to do the same thing- change the font to a custom font on the blog excerpt preview area.  I have the font changed already once you click into the post but not on the preview section. I tried the code given but it didn't work for me.  Any tips?

attaching the preview section and then the same thing when you click the link to get you into the post.

On 12/16/2020 at 3:53 AM, myweekisbookedblog said:

i'm trying to do the same thing- change the font to a custom font on the blog excerpt preview area.  I have the font changed already once you click into the post but not on the preview section. I tried the code given but it didn't work for me.  Any tips?

attaching the preview section and then the same thing when you click the link to get you into the post.

 

Can you share link to blog post? We can help easier

it's still password protected. so it's www.myweekisbooked.com  and the pwd is MWIBhelp2020.  This particular section is under books> book reviews

i'm trying to do the same thing- change the font to a custom font on the blog excerpt preview area.  I have the font changed already once you click into the post but not on the preview section. I tried the code given but it didn't work for me.  Any tips?

attaching the preview section and then the same thing when you click the link to get you into the post.

On 12/19/2020 at 8:01 AM, myweekisbookedblog said:

it's still password protected. so it's www.myweekisbooked.com  and the pwd is MWIBhelp2020.  This particular section is under books> book reviews

 

 

i'm trying to do the same thing- change the font to a custom font on the blog excerpt preview area.  I have the font changed already once you click into the post but not on the preview section. I tried the code given but it didn't work for me.  Any tips?

attaching the preview section and then the same thing when you click the link to get you into the post.

 

Hi. I see title, read more, tags only. I don't see excerpt.

https://www.myweekisbooked.com/blog?category=Reviews