Jump to content

Navigation links and side bar menu custom font

Recommended Posts

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


I can't get my navigation links or the sidebar menu fonts to change to my custom font. I am using the Bryant Hill template. Here's the code I have currently:


@font-face {

    font-family: 'MINT GROTESK BLACK';

       src: url('https://static1.squarespace.com/static/5e02545d2127d914d2553ce0/t/615cfd73a41ef71314919c69/1633484148048/MintGroteskV1.1-Regular.woff');


h2 {font-family: 'MINT GROTESK BLACK'; font-size:20px}
h3 {font-family: 'MINT GROTESK BLACK'; font-size:30px}
h1 {font-family: 'MINT GROTESK BLACK'; font-size:14px}

.desc-wrapper>p:first-child>strong {
    color: white;
    font-family: MINT GROTESK BLACK, serif !important;
    letter-spacing: 1px

header#header *, footer.sections *{
    font-family: 'MINT GROTESK BLACK'; font-size:20px;}

.image-subtitle * {
    font-family: 'MINT GROTESK BLACK' !important;

.Header-nav--secondary .Header-nav-item *{
    font-family: 'MINT GROTESK BLACK'; font-size:20px;


Link to comment
  • Replies 1
  • Views 465
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Which page is the sidebar on? I'm not seeing it.

Also, it doesn't seem that you've loaded your font as I'm not seeing it in your CSS, but when you add it back in, this should work.

#header nav ul {
  font-family: "MINT GROTESK BLACK";


Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

Some links may be affiliate/referral links.

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.