Jump to content

Changing footer fonts

Go to solution Solved by tuanphan,

Recommended Posts

Posted

Hi. Somehow I missed this notification. My password is PGsquare

I appreciate your looking at this. But is there any overall easy way to change fonts in a footer?

Posted
15 hours ago, PaulaGphoto said:

Hi. Somehow I missed this notification. My password is PGsquare

I appreciate your looking at this. But is there any overall easy way to change fonts in a footer?

You can change it in Site Styles or use this CSS code

footer.sections * {
    font-family: var(--site-navigation-font-font-family);
}

image.thumb.png.54c32f180da076919681385237648259.png

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

Posted
7 hours ago, tuanphan said:

You can change it in Site Styles or use this CSS code

footer.sections * {
    font-family: var(--site-navigation-font-font-family);
}

image.thumb.png.54c32f180da076919681385237648259.png

Thanks! I did not see a place in Site Styles to change only the footer, it looked like it would only do it globally to "paragraph 2" or whatever size it was.

Two questions about the code, I'm afraid I know nothing. The term inside the code's parentheses would be, in my case, (--lucida-console);  ?

And, where can I insert the code? Is it Website > Website tools > Custom CSS?

Thank you so much!

  • Solution
Posted

--site-navigaion-font-family means apply navigation font name for all text in Footer. In case you want to use a different font name, use this code instead

footer.sections * {
    font-family: monospace !important;
}

Yes, add to Website > Website Tools > Custom CSS

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

  • 2 weeks later...
  • 6 months later...
Posted

I am facing the same problem.

I have set Custom Styles for the Site Navigation but they don't carry across to the Footer Navigation. 

Tuanphan - your CSS helped me change the font, thank you. 

How do I set the 'Weight' to 500 and the 'Letter Spacing' to 0.03em for the Footer?  So the styles can match exactly between Header and Footer.

When Squarespace allows you to set Custom Styles for the Site Navigation, this should really carry across to the Footer!

Posted
22 hours ago, jamesfrost21 said:

I am facing the same problem.

I have set Custom Styles for the Site Navigation but they don't carry across to the Footer Navigation. 

Tuanphan - your CSS helped me change the font, thank you. 

How do I set the 'Weight' to 500 and the 'Letter Spacing' to 0.03em for the Footer?  So the styles can match exactly between Header and Footer.

When Squarespace allows you to set Custom Styles for the Site Navigation, this should really carry across to the Footer!

You can use this

footer.sections * {
	font-weight: 500 !important;
	letter-spacing: 0.03em !important;
}

If it doesn't work, you can share site url, I can check again easier

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

Posted
On 1/28/2024 at 4:05 AM, tuanphan said:

--site-navigaion-font-family means apply navigation font name for all text in Footer. In case you want to use a different font name, use this code instead

footer.sections * {
    font-family: monospace !important;
}

Yes, add to Website > Website Tools > Custom CSS

What would be the code for using the font lo-res 9 minus wide? how do I exchange monospace?

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.