All things Shopify and commerce
Hello,
I would like the code to change the background color for the filter drop down option. Any advice would be appreciated.
Website: circlebackvintage.com
Solved! Go to the solution
This is an accepted solution.
The Availabity background is not visible on my screen.
Try this code.
.facet-checkbox>svg {
background-color: white !important;
}
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @cfahms
Try this one.
.facets__header {
background: #ffff;
}
price-range.facets__price {
background: #ffff;
}
.field__input {
background: #ffff !important;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Worked well with the exception of the availability dropdown. The body is remaining black and I'm not sure why.
Try this one. I think there a conflict.
fieldset.facets-wrap.parent-wrap {
background: white;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
That get's me closer. Now the only thing is the check boxes within that same dropdown is still black, making it impossible to see which box is checked. Could you tell me how to fix that?
Thanks again
This is an accepted solution.
The Availabity background is not visible on my screen.
Try this code.
.facet-checkbox>svg {
background-color: white !important;
}
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
How would you go about changing the checkmark color instead of changing the background?
Do you like to change the check mark only? The code that I give to the post owner is only to change the checkmark. If you like want I can do it also in your store. I just need your URL store. Thanks!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025