Need help to change colors CSS [cores]

The SVG icons have been added to my original reply for completeness.

Here’s something that you can play around with: .list-controls { .category-drop, .tag-drop { .select-kit-header { background: beige; color: black; svg { color: black; } } .select-kit-filter { background: beige; .filter-input { color: black; } } .select-kit-collection { background: beige; color: black; scrollbar-color: darkgray beige; webkit-scrollbar-color: darkgray beige; .select-kit-row { background: beige; color: darkgrey; .badge-wrapper.bullet span.badge-category { color: black; svg { color: black; } } &.is-highlighted { background: brown; color: lightgrey; .badge-wrapper.bullet span.badge-category { color: white; } } } } } }

Here’s the Mobile CSS for that dropdown: .list-controls { .nav-pills { .navigation-toggle { background: beige; a { color: black; &:hover { background-color: beige; } } } .drop { background: beige; a { color: brown; } } } } If you need to figure out any other components, I recommend learning how to use your browser’s web inspector to track down the correct CSS selectors. There are a bunch of free resources online to learn how to do this: Google Search

Change the carton category colors

Product Support

Eduardo_Braga (Eduardo) May 19, 2019, 11:47pm 5

Okay, I did not find it to change the color icon

Topic		Replies	Views
CSS trick to change color of icons? Development css	1	1645	November 16, 2023
How can I make the category icon color single color? Development css	6	590	April 5, 2024
Category dropdown not respecting the configured foreground color Bug	4	641	July 5, 2022
Top left category dropdown does not respect foreground color UX	1	576	July 5, 2022
Coloring for categories Product Support	1	156	May 26, 2025

Change the carton category colors

Related topics