How change "Sort By" drop down menu background color site wide?

Solved

How change "Sort By" drop down menu background color site wide?

namestolen
Excursionist
28 0 5

I was able to find this code:

 

 

select[name="sort_by"] option {
  background-color: black;
}

 

 

to place into each individual pages custom CSS box, but I'd much rather just implement this site wide.  Where would I place this code to make it site wide?  Thanks!

Accepted Solution (1)

Abdosamer
Shopify Partner
895 163 181

This is an accepted solution.

Hi @namestolen , go to Theme.liquid file in your theme files and add this code at the end of it before the </body> tag :

<style>
select[name="sort_by"] option {
  background-color: black;
}
</style>

This will add it to the whole site. 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work

View solution in original post

Replies 2 (2)

Abdosamer
Shopify Partner
895 163 181

This is an accepted solution.

Hi @namestolen , go to Theme.liquid file in your theme files and add this code at the end of it before the </body> tag :

<style>
select[name="sort_by"] option {
  background-color: black;
}
</style>

This will add it to the whole site. 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work

BSS-TekLabs
Shopify Partner
2093 618 723

- Here is the solution for you @namestolen 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find theme.liquid file. 
- Then add the following code at the before tag </head> and press 'Save' to save it.

<style>
select[name="sort_by"] option {
  background-color: black !important;
}
</style>

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now