Change the Search Bar Placeholder Text Color

What does this code do?

This code snippet will allow you to change the color of the placeholder text in a search bar.

 

Code Snippets

Copy and paste the code snippet into Design > Custom CSS

/* Search Bar Placeholder Text */
.search-input::placeholder {
  color: white;
}
 

How To Use It

  1. Copy and paste the code as indicated above.

  2. Customize the color. You can use a word, rgb, or hex code.

Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Change the Size of the Radio Button

Next
Next

Edit the Shopping Cart Checkout Button