Jump to content

How can I change the colour of the navigation links on search results page?

Go to solution Solved by paul2009,

Recommended Posts

Posted

Hi, I'm trying to figure out how to change the colour of the navigation links with css on search results page as there's nowhere to change the theme colour in site styles. Can anyone help? Thank you!

Screenshot 2023-05-17 at 13.39.12.png

  • Solution
Posted (edited)
2 hours ago, michaela said:

I'm trying to figure out how to change the colour of the navigation links with css on search results page as there's nowhere to change the theme colour in site styles.

The search results page should use the "default color theme" for your template. This is usually LIGHTEST 1 or DARKEST 1.

If the theme isn't obvious, you should be able to check by opening Site Styles and choosing Colors whilst viewing the search page. The labels should then appear like this:

image.thumb.png.dc20b1387f536f8083709f0649712150.png

Is this what you were asking?

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Posted

Hi Paul,

Thanks for your prompt reply.

I'm afraid there's no "Edit" option to access the Site Styles when I'm on the search results page to check the theme - as you can see from the screen shot...

However, your information about the search results page using Lightest 1 theme helped me to point in the right direction. So although I couldn't access the Site Styles from the search results page, I've updated the navigation links colour in the Lightest 1 theme and it worked!

Thanks so much for your help again!

Michaela 

 

Screenshot 2023-05-17 at 16.10.48.png

Posted
7 minutes ago, michaela said:

I'm afraid there's no "Edit" option to access the Site Styles when I'm on the search results page to check the theme - as you can see from the screen shot...

For future reference, looking at your screenshot, if you click < HOME, then DESIGN then SITE STYLES, the Site Styles panel should open on the right 🙂.

 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Posted

Of course!! 😂 I completely forgot about going to Site Styles from Design as I usually go in straight from the page editor when I need to edit something. Thanks for the reminder! 🙏

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.