Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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.
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.
- Here is the solution for you @namestolen
- Please follow these steps:
- 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 nowBy investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024