Jump to content

editing footer font and links in 7.1

Recommended Posts

Posted

Site URL: https://www.labnoon.com

Hello!

I've been trying to edit the font, size, and color of the font in the footer of my website, and to remove the line under linked texts. I have tried a lot of codes (some found here), but it doesn't work (I am not a code savvy person at all tho). I would appreciate it if someone could help me

  • change the family font
  • resize the font
  • change the color of the fond
  • remove the underline under hyperlinks

the website is online and it's www.labnoon.com

thank you very much

  • 4 months later...
Posted

@tuanphan Following this thread, I have been trying to change the footer font. I have the site title both on header and footer but cannot change the footer 'title' font to the same as the header.  Do you have any ideas on how to do this? 

Any help greatly appreciated :)

Posted
On 6/5/2020 at 12:31 PM, Just-Adam said:

@tuanphan Following this thread, I have been trying to change the footer font. I have the site title both on header and footer but cannot change the footer 'title' font to the same as the header.  Do you have any ideas on how to do this? 

Any help greatly appreciated :)

If you share link to your site, I can check 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

Thank you so much @tuanphan 

Unfortunately the css still didn't work in changing the font, I tried with multiple fonts also but had no luck. Thank you for your help, I have actually decided to change the layout of the footer now anyway to a different style so I will re-try the coding if I decide on the same design. Mate you are a legend. Thank you for being so selfless in your help for all these people online  🙂 

 

  • 1 year later...
Posted

If anyone needed it, this is what I used to reduce the fonts and remove links in the footer in 7.1: 

 


/* footer font h4 underline remove */
footer.sections h4 {
    font-size: 11px;
}
#footer-sections .sqs-block-html a {

  text-decoration : unset;
  
  }

  • 1 year later...
Posted
On 2/23/2024 at 9:13 PM, Leticia said:

@tuanphan Is there a way to make Title 1 slightly bigger only in the footer section?

 

https://seadragon-gold-ge8l.squarespace.com

You can use this code to Custom CSS box

footer.sections h1 {
    font-size: 90px;
}

 

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

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.