Jump to content

How do I change the background color of results page?

Recommended Posts

  • Replies 4
  • Views 390
  • Created
  • Last Reply

Top Posters In This Topic

Posted

Add to Settings > Advanced > Code Injection > Footer

<script>
  if (document.location.pathname.indexOf("/search") == 0) {
    document.querySelector('body').classList.add('t-search')
}
</script>
<style>
  body.t-search #page {
    background-color: white;
}
  body.t-search #page * {
    color: black !important;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted

Thank you that worked perfectly.  Is there a way to change the layout of the results page so that it links to the images of products in my store front like the one attached?  

sample.jpg

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.