[Resolved] Search bar color change

[Masuk Sarker Batista]

how to change this search bar color and search bar border? from yellow to red? https://share.msbofficial.com/E0u4kDy9

website link: https://msbsquad.com
please let me know

[Leo]

Hi there,

Try this CSS:

.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input, .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover, .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
    border-color: #ff0000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Masuk Sarker Batista]

Thanks! border-color is now changed!!! but search box color still Yellow https://share.msbofficial.com/rRu0r7zY

I want to change the search box color as well!

[Leo]

You can actually edit all of that within the plugin setting as seen in the third screenshot here:
https://en-ca.wordpress.org/plugins/ajax-search-for-woocommerce/
https://ps.w.org/ajax-search-for-woocommerce/assets/screenshot-3.jpg?rev=2238652

[Masuk Sarker Batista]

Thanks a lot 🙂

[Leo]

No problem 🙂

[Author]

Posts