Need help resolving this issue with my site’s “Sort by” dropdown button. Not only does the text appear white on a white background, but none of the CSS matches the theme for the dropdown. I would like it to be able to follow the CSS/theme of the other buttons (i.e. the “Availability” dropdown in the first image which displays correctly) and I have been unable to figure it out.
Hello @bclax20
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Password: yeorti
Hello @bclax20
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
select#SortBy option {
color: #000;
}
Hey @bclax20
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you, this worked to clear up the color conflict. Do you know if there is anyway to modify the CSS of this dropdown to match the others?
Hello @bclax20
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
.facet-filters__sort {
font-family: Arial, sans-serif;
font-size: 12px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #f5f5f5;
color: #333;
}
Thank you for the quick response, unfortunately this only worked to change the button itself, and not the dropdown options as I would like. I believe it may just be a result of browser compatibility. If you know how to fix this (specifically in Chrome), I would appreciate it. If not, no worries and thank you for your time.