Shopify themes, liquid, logos, and UX
Hello, I have a shopify store using the RIDE theme. On windows computers the dropdown for sorting is white with white text. The theme is made by shopify so I am confused why it would show up like this.
Hi @kris25 , please share your url so I can take a look, since sorting is not transparent on the original ride theme.
Hi @kris25 , I've just checked your store on safari and chrome - it's not transparent. Which browser are you using?
I see. Go to edit code > assets > component-facets.css and find this element:
.facet-filters__sort {
background-color: transparent;
border: 0;
border-radius: 0;
font-size: 1.4rem;
height: auto;
line-height: calc(1 + .5 / var(--font-body-scale));
margin: 0;
padding-left: 0;
padding-right: 1.75rem;
}
Replace it with:
.facet-filters__sort {
border: 0;
border-radius: 0;
font-size: 1.4rem;
height: auto;
line-height: calc(1 + .5 / var(--font-body-scale));
margin: 0;
padding-left: 0;
padding-right: 1.75rem;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024