unable to fill/color svg

Sorry to ask a super basic question, but i've been trying to change the color of this svg for a while, and it's not complying. The fill does work if i change it in the embedded svg directly, but it doesn't want to work in css for some reason. I tried using !important and other stuff i saw on stackoverflow, but i'm now at my wits end. Please help me https://codepen.io/Azure-Lance/pen/eYQLjKG
2 Replies
Rook
Rook11mo ago
To set the fill within the CSS, you have to target individual paths (or whatever other child element) of the svg tag. In this case, adding something like this should work:
.admin-sidebar__icon > path {
fill: green;
}
.admin-sidebar__icon > path {
fill: green;
}
omo
omo11mo ago
Tysm <3 it worked perfectly! it also makes sense xd