Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
slgwrkb

Changing Blog Post Title Font, Button Font & Summary Block

Question

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! 🙂

Share this post


Link to post

18 answers to this question

Recommended Posts

  • 0
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

 

Screen Shot 2019-12-09 at 9.32.16 pm.png

Screen Shot 2019-12-09 at 9.32.33 pm.png

Screen Shot 2019-12-09 at 9.33.01 pm.png

Share this post


Link to post
  • 0

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?

Share this post


Link to post
  • 0

 

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!

Share this post


Link to post
  • 0
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.


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


Link to post
  • 0
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

Share this post


Link to post
  • 0
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

Share this post


Link to post
  • 0
19 hours ago, reduceddesign said:

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

Screen Shot 2019-12-18 at 1.05.19 AM.png

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

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...