Hello, this is my website: faunusproducts.com> When I click the search button, a search bar appears with a dark background and a lot of shadow effects.> I would like to:> > 1. Change the search bar background to white and the text color to black.> > 1. Remove all shadow effects around and above the search bar.> > 1. Remove the yellow section that appears below the search bar.> > Could someone please guide me on how to do this? I have the same problem with the language selector.
Hi @jjRepar
Pease, share your store URL. THanks!
Thanks for the info try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.header predictive-search .field:before,
.header predictive-search .field:after,
.header predictive-search .field:hover.field:after,
.header predictive-search .customer .field input,
.header predictive-search .customer .field:hover.field:after {
box-shadow: none !important;
}
.header predictive-search .field__input, .header predictive-search .field__button,
.header predictive-search .field__label {
background-color: white;
color: black;
border-color: transparent;
}
.predictive-search {
border-color: white;
background-color: white;
border-width: 1px;
}
.predictive-search__item--term {
color: black;
}
details[open] .modal-overlay:after {
background-color: transparent;
}
button.search-modal__close-button.modal__close-button.link.link--text.focus-inset {
color: black;
}
- And Save.
- Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
this one works, what abaut language selector
thank you very much
and same goes with cart if someone ads to cart it shows in black