Unable to change color of slider background of sort and filter.

[Dan1213]

My Store URL: DanLo

Hello Can anyone help me in changing the background color and text color of sort & filter slider on mobile and on desktop as well?

[comercioservice]

@Dan1213 what color do you need can you share your color code please 🙂

[Dan1213]

Background color as #060B30 and Text Color as #FFFFFF

[comercioservice]

@Dan1213 its already have

[comercioservice]

@Dan1213Hi, Please go to

1) Online store

2) Themes -> Edit theme

3) asstes

4) component-facets.css and add this code end of the file

.mobile-facets__sort .select__select {
    background-color: #030f2d;
}

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

Thank you

[Dan1213]

Can You Please search any random thing on my store like xzz123 and not a proper product. Then hit search. You will be redirected to a search page. There check the sort and filter page. it doesn't work there. I need help with that

[Dan1213]

Product search          Here is the link try there in mobile as well as in desktop

[Tech_Coding]

Hello @Dan1213 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  div.predictive-search__search-for-button {
     background: #060b30 !important;
     border-color: #060B30 !important;
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[comercioservice]

here is nothing 

[Dan1213]

I shared a link in above reply. I will share it again here  Product Search

[comercioservice · Accepted solution]

@Dan1213 hi, 

1, from admin, go to Online Store > Themes.

2, Actions > Edit code for your active theme.

3, Find and open the theme.liquid file, maybe in the Layout folder.

4, Look for the </head> tag and paste the code in the end

<style>
#shopify-section-template--18289616552182__main #FacetFiltersFormMobile div {
    background: #030f2d !important;
}

#shopify-section-template--18289616552182__main #FacetFiltersFormMobile  select#SortBy-mobile {
    color: #fff !important;
}
#SortBy {
    background-color: #060b30;
    color: #fff !important;
}
</style>​

result :

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

Thank you

[Dan1213]

Thank You

[Dan1213]

Need One more help as if you go to the same site and try to search something. it is shown in white color only. I want text to be white but the background in #060b30