Jump to content

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

Recommended Posts

  • Replies 13
  • Created
  • Last Reply
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
51 minutes ago, EdStemp said:

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

Screen Shot 2020-01-23 at 12.14.21.png

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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.