Jump to content

Search Block Text Color Change

Recommended Posts

  • Replies 7
  • Views 895
  • Created
  • Last Reply

It looks like you sent me an email & I sent code there? 

Use this CSS

/* home search color */
body.homepage .sqs-search-ui-button-wrapper.color-light .search-input, body.homepage .sqs-search-ui-button-wrapper.color-light .search-input::placeholder {
    color: white !important;
}

 

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!)

Link to comment

Thank you!  This code worked perfectly for the Homepage.  How to I do the same thing to other pages?

1.  Giftbox

2.  Shop Now

3.  Tea & Accessories

4.  Black

5.  Green

6.  Health & Wellness

7.  Herbal

8.  Oolong

9.  Rooibos

10.  White

I do not expect you to give me code for every page.  Can you explain to me what I use to identify each page and I will figure the rest out?

Thank you!

Link to comment
On 3/27/2021 at 6:26 AM, whale7275 said:

Thank you!  This code worked perfectly for the Homepage.  How to I do the same thing to other pages?

1.  Giftbox

2.  Shop Now

3.  Tea & Accessories

4.  Black

5.  Green

6.  Health & Wellness

7.  Herbal

8.  Oolong

9.  Rooibos

10.  White

I do not expect you to give me code for every page.  Can you explain to me what I use to identify each page and I will figure the rest out?

Thank you!

Add this code to Page Header (Hover page on Main Navigation or Not Linked > Click Gear icon to Open page header)

<style>
  .sqs-search-ui-button-wrapper.color-light .search-input, body.homepage .sqs-search-ui-button-wrapper.color-light .search-input::placeholder {
    color: white !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!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.