Jump to content

Changing footer fonts

Go to solution Solved by tuanphan,

Recommended Posts

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

Link to comment
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!

Link to comment
  • Solution

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

Link to comment
  • 2 weeks later...

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.