editing footer font and links in 7.1

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

add to Home > Design > Custom CSS

remove underline

div#block-yui_3_17_2_1_1580409557727_18699 a {
    background-image: none;
}

change font, color...of text or hyperlink or social icons?

@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 :)

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.

Sure, the site is currently

 https://chicken-mango-5dmp.squarespace.com/config/

Thank you!

BTW The font is 'Hobo Std' 

The other issue I seem to have is making the header and footer consistent across each different page

Add to Home > design > Custom CSS

footer.sections h3 {
    font-family: 'Hobo Std';
}

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  🙂 

Only sort of works for me...

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;
  
  }

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

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

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;
}