Jump to content

Impact template - CSS - custom fonts for main navigation and buttons

Recommended Posts

I've managed to add custom CSS fonts to my headings and main body text, but can't find any code that will change allow me to assign my custom font to the main navigation or buttons in the image blocks (overlap and collage). I'm on the Impact template and have tried so many different types of code.

Edited by StefanieBuma
Initial Revision
Link to comment

@StefanieBuma You can use this code for Nav


.Header-nav-item {
 font-family: Your Font Name !important;
}

You should share url to check buttons

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 months later...
3 hours ago, Jen-Beattie said:

@tuanphan I am having the same issue. The code above worked for my primary nav, but would like to implement for secondary nav and buttons too - any chance you can help? 

My website is www.jenbeattie.co for reference

Thank you!

nav.Header-nav.Header-nav--secondary .Header-nav-item {
    font-family: font name !important;
}

 

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
  • 6 months later...
19 minutes ago, Ellenhbs said:

Hi @tuanphan


I'm encountering the same issue. I cannot change the font of my navigation and the font in certain buttons (such as the contact button).

Would you be so kind to help me out?

Website https://walrus-accordion-n487.squarespace.com

Password : lavande

Thank you so much ! 

header#header * {
    font-family: 'Sackers Gothic Light AT';
}

 

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

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.