whale7275 Posted March 18, 2021 Share Posted March 18, 2021 Site URL: https://pufferfish-grasshopper-wy5n.squarespace.com/config/settings/site-visibility Hello! Can someone please help me make the word "Search" in the search block appear white as well as the information that is typed in the search block? Thank you! https://pufferfish-grasshopper-wy5n.squarespace.com/config/settings/site-visibility PW= 1234 Link to comment
tuanphan Posted March 22, 2021 Share Posted March 22, 2021 Hi. Can you share link to page where you added search block? /config is admin url. 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
whale7275 Posted March 22, 2021 Author Share Posted March 22, 2021 https://pufferfish-grasshopper-wy5n.squarespace.com/config/ Link to comment
tuanphan Posted March 24, 2021 Share Posted March 24, 2021 On 3/22/2021 at 6:46 PM, whale7275 said: https://pufferfish-grasshopper-wy5n.squarespace.com/config/ Hi, See how to find page url /config is admin url 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
whale7275 Posted March 24, 2021 Author Share Posted March 24, 2021 https://www.arvotea.com/ This is the home page and it is one of the many pages that has the search block I am referencing. I need the word "Search" in the search block to be white so it can be seen. Thank you! Link to comment
tuanphan Posted March 26, 2021 Share Posted March 26, 2021 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
whale7275 Posted March 26, 2021 Author Share Posted March 26, 2021 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
tuanphan Posted March 30, 2021 Share Posted March 30, 2021 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.