Jump to content

Search Box Excerpt Text Colour

By AC_design, in Customize with code

Go to solution Solved by Spark-Plugin,

Recommended Posts

AC_design Level 1

AC_design

Posted
Posted (edited)

Site URL: https://quillfish-kumquat-6hn7.squarespace.com/directory-listing

The background colour of the text when it's pulling up search results are too light. The keyword that's typed in the search box is highlighted in a dark grey which is legible but all the other text in the excerpt is white and not visible. This also happens when you hover over the results. How do I change the text colour  for the excerpt to a lighter grey so that it's legible?  

To view the site the temp link is here: https://quillfish-kumquat-6hn7.squarespace.com/directory-listing

The password to enter the site is: askauntie

Screenshot 2024-10-01 at 11.53.51 AM.png

Screenshot 2024-10-01 at 11.54.00 AM.png

Edited by AC_design
Link to comment
  • AC_design changed the title to Search Box Excerpt Text Colour
  • Replies 1
  • Views 96
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

  • Solution
Spark-Plugin Level 5

Spark-Plugin

Posted
  • Solution
Posted

Hi @AC_design, you can do that by using the following code:

  1. Navigate to Pages > Website Tools > Custom CSS.
  2. Paste the following code into the CSS editor.
  3. Hit Save and you’re done 
.sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-content {
    font-size: 12px;
    line-height: 1.4em;
    color: black !important;
}

Hope it helps!

- Answered by Iuno from sparkplugin.com

forumsignature-recommendedcopy2.png.0579645eb1430dc7c1059541dc6456c6.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources