Need Help with Filter Overlay and Sorting Background in Ride Theme

Technical Q&A
1

Hello,

I have a problem with my Ride Theme.

  1. When I click on “Filter”, the background currently turns green – I want it to be transparent instead.
  2. When I sort products, the background currently turns white – I want it to be dark so that the green text remains visible.

I tried adding some CSS, but it doesn’t seem to fix these issues.

How can I fix this please?

Thank you for help.

image
image1904×857 116 KB

2

I’m sending this second screenshot here because Shopify doesn’t allow me to upload two images at once.

image
image533×342 19 KB

3

Hey @KBOTRBNT

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
.mobile-facets {
    background: transparent !important;
}
select#SortBy option {
    background: #1F1F21 !important;
}
</style>

RESULT:

image
image1902×919 166 KB

image
image635×415 111 KB

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

4

Thank you so much! The solution worked perfectly. I really appreciate your help. I’ll definitely reach out if I need anything else.

5

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.