PaulaGphoto Posted January 22 Share Posted January 22 Hi. Is there a way to change footer fonts? I want my footer to match my navigation bar font, which I was able to do in "assign styles". There is a CSS suggestion from @tuanphan in Forums, but it is from 2020, and I wonder if it may be different now for 7.1? Thanks. https://carnation-beige-pm4t.squarespace.com/config/pages Link to comment
tuanphan Posted January 23 Share Posted January 23 https://carnation-beige-pm4t.squarespace.com/?noredirect Your site is private. You can setup an access password, we can access it 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!) Link to comment
PaulaGphoto Posted January 23 Author Share Posted January 23 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? Link to comment
tuanphan Posted January 24 Share Posted January 24 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); } PaulaGphoto 1 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
PaulaGphoto Posted January 24 Author Share Posted January 24 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); } 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! rhondahymason 1 Link to comment
Solution tuanphan Posted January 28 Solution Share Posted January 28 --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
jamesfrost21 Posted August 16 Share Posted August 16 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! Link to comment
tuanphan Posted August 17 Share Posted August 17 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 jamesfrost21 1 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
nightjar Posted August 22 Share Posted August 22 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? Link to comment
tuanphan Posted August 23 Share Posted August 23 12 hours ago, nightjar said: What would be the code for using the font lo-res 9 minus wide? how do I exchange monospace? You can see this guide to find exact font-family 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment