I dug into mobile CSS and saw it was being excluded; commenting out the “left-border” portion turned the colored borders back on:
.category-list-item {
// border-left: none;
border-top: 2px solid;
.category-name {
font-weight: normal;
}
}
However, I know this will be overwritten whenever the theme is updated. What’s the best way to keep modifications in those situations?
I do have a custom theme component where I keep custom CSS changes, this in the mobile CSS portion:
.category-list-item {
border-left: 4px !important;
}
…but it doesn’t show the specific category color, just a white bar. How do I get it to show the proper category color? I know it has something to do with category color variables but I can’t seem to find reference to it.
I’m a newb when it comes to CSS and such so I may be doing something wrong.
Thanks,
Ray