Change font within the footer on Brine template. CSS code?

https://megalodon-rose-khl5.squarespace.com

Im trying to change the font style within the footer but think it would need to have custom CSS

any advice?

Hi Tuanphan do you need to see the site to provide a code? Any ideas on how I can share that you with it still being a template

On 1/21/2020 at 5:20 PM, EdStemp said:

Hi Tuanphan do you need to see the site to provide a code? Any ideas on how I can share that you with it still being a template

time-consuming to give the code without checking site url

You can setup password & share url

https://megalodon-rose-khl5.squarespace.com

Password: Testingpassword

51 minutes ago, EdStemp said:

https://megalodon-rose-khl5.squarespace.com

Password: Testingpassword

which font do you want to change: font size, font family,..? and for text, link, social link...or?

I want to change the font family for the line where it starts with High Contrast... 

and then potentially have some black text in there aswell. 

Also the social names... could I have icons instead? like this image

9 minutes ago, EdStemp said:

I want to change the font family for the line where it starts with High Contrast... 

and then potentially have some black text in there aswell. 

 

Also the social names... could I have icons instead? like this image

use this code

div#block-e7ff16db2d1cd181157d h3:last-child strong {
    font-family: tuan !important;
    color: black;
}

With social icons, i think you need to use some CSS + FontAwesome. It will takes the time.

Do I paste that in the custom css on the main bit under home > settings? thank you 

and font family I just type in a type name in replace of Tuan?

Sorry also... could I change the depth of the footer at all? it seems to keep it at that thickness

Just now, EdStemp said:

Do I paste that in the custom css on the main bit under home > settings? thank you 

and font family I just type in a type name in replace of Tuan?

add to Home > Design > Custom CSS

yes, replace Tuan with your font.

--

If you use custom font, use this code

@font-face {
   font-family: Tuan;
   src: url(paste font url here);
}
div#block-e7ff16db2d1cd181157d h3:last-child strong {
    font-family: tuan !important;
    color: black;
}

2 minutes ago, EdStemp said:

Sorry also... could I change the depth of the footer at all? it seems to keep it at that thickness

you want to reduce spacing top/bottom?

bottom.. ideally the social links are right below the other text

so the footer is a thinner strip 

thank you kindly for your speedy responses. 

1 minute ago, EdStemp said:

bottom.. ideally the social links are right below the other text

so the footer is a thinner strip 

 

thank you kindly for your speedy responses. 

add to Home > Design > Custom CSS

nav.Footer-nav {
    padding-top: 0 !important;
}
div#block-e7ff16db2d1cd181157d {
    padding-bottom: 0;
}
div#block-yui_3_17_2_1_1579191451658_7255 {
    padding-bottom: 0;
}
div#footerBlocksTop {
    padding-bottom: 5px;
}