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
  • 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";


If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly. Some links may be affiliate/referral links.

You can also thank me by buying me a coffee .

Squarespace Tips & Tricks: @squareskills (Youtube 📺 Tutorials - Resource site coming soon)

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.