Add Background Color to Search Bar in Squarespace with CSS

This video walks you through how to add a background color to the search bar on your Squarespace website using custom CSS.

🚦 Want/NEED that website to get some traffic? Check out Blogging With Squarespace ➡️ https://www.jenxwebdesign.com/bloggin...

✨💻 Let's talk about your website 👉https://JenXWebsiteDesignandStrategy....

✍🏼Guide to Writing Effective Website Copy 👉 https://jenxwebdesign.com/get-the-guide

Code snippet:

/* Add background color to search bar */

.search-input {background-color:#F7F1E7!important;}

👉 Read the blog post here: https://www.jenxwebdesign.com/blog/ad...
👉 How to Add a Search Bar Above Navigation in Squarespace 7.1: https://www.jenxwebdesign.com/blog/sq...
👉 How to Make a Summary Block Auto-Scroll in Squarespace: https://www.jenxwebdesign.com/blog/ho...
👉 How to Hide the Hamburger Menu on Mobile in Squarespace: https://www.jenxwebdesign.com/blog/hi...
👉 Create a ‘Mobile View Only’ Section in Squarespace: https://www.jenxwebdesign.com/blog/mo...

*****************************

✍️ Check out the blog for more good stuff: https://www.jenxwebdesign.com/blog

• #people_blogs
• #custom_css
• #squarespace_css
• #squarespace_search_bar
• #squarespace_search_block