Jump to content

Nav font is changing to custom font only on Shop page (I don't want it to)

Recommended Posts

Posted

Site URL: https://www.studiomelrose.com/featured

I have the Nav font set up in site styles to Proxima Nova, and it works across the rest the site except on the shop page -- it seems to be overridden to the custom font ('MadeMirage') in that instance only. I want it to be Proxima Nova; I've tried adding nav header CSS only, but it isn't changing. Any help appreciated!

Posted

The following ruleset in Design > Custom CSS is causing your issue.

.collection-type-products.view-list * {
  font-family: 'MadeMirage' !important;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500
}

You could remove the font-family declaration or the whole ruleset.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Posted

I removed the whole ruleset-- that fixed the Nav, but brought the product font sizes back to default, so I added this for just the product titles, we're good!! Thank you!

 

.grid-title {
  font-family: 'MadeMirage'!important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}

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.