Archived topic
Search bar color change
5 replies · Started by Masuk Sarker Batista on January 19, 2021
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
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/
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!
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
Thanks a lot :)
No problem :)