How to change search bar and search filter colors

[salil2000]

Hello.

I would like to change the search color and all of the search filter colors, as you can see in the image, from white to #000000 (black).

website is: blossomvase.com

If someone could help with this that would be great

[Dan-From-Ryviu]

Hi @salil2000

You can do that by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.template-search form.search *,
.template-search .facets__form * {
color: #000;
}

[Guleria]

Hello @salil2000 ,

Follow these steps:

1. Go to Online Store → Theme → Edit code

2. Open your base.css file and paste the following code at the bottom:

.template-search__search label, .template-search__search input, .template-search__search .search {
    color: #000000; 
}

If problem solved don’t forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services

You can find the email in the signature below.

Thanks

[salil2000]

Thanks Dan.

One more thing I forgot to include in the last message.

How do I change the page number selection at the bottom? Because this is still white.

[Dan-From-Ryviu]

Code updated

.template-search .pagination__item,
.template-search form.search *,
.template-search .facets__form * {
color: #000;
}