Custom font 7.1 template - buttons, secondary nav, product details

Hi there,

I am using the 7.1 template Alameda and am using a custom font. I have managed to customise the font for headers, body and the header navigation, however this hasn't updated the button font, secondary navigation drop down menu or product names prices.

Does anyone know how can I change this? I used the following for the header navigation, which worked:

@font-face {
  font-family: FONT NAME;
  src: url(FONT URL);
}
.header-nav-item a {
  font-family: FONT NAME !important;
}

Thanks in advance!

Can you share link to your site?

How did you even get a secondary nav? I don't see that option anymore in 7.1... 🙄

9 hours ago, amdevries said:

How did you even get a secondary nav? I don't see that option anymore in 7.1... 🙄

SS 7.1 doesn't support secondary. You can use Annoucement bar... & disbale close icon

h1, h2, h3, .sqs-block-button-element {
font-family: 'Caslon';
}

@cpmartineau71 the above code doesn't work for the header button.

I've tried:

.header-actions .btn: {font-family: 'Muli', sans-serif; !important; 
}

but didn't work (says error on the line).

Any suggestions?

https://smilodon-hawk-zklr.squarespace.com/home

Hi,

I tried this for changing the navigation button font and it worked:

header#header * {
    font-family: 'font name';
}

hope that helps!

I'm trying to do the same, customise the button in my header navigation but none of these codes.

Has anyone found a code that works?

@CIS

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

On 11/18/2020 at 8:56 PM, CIS said:

I'm trying to do the same, customise the button in my header navigation but none of these codes.

Has anyone found a code that works?