KPC
Kevin Powell - Community•2y ago
omo

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
Azure Lance
CodePen
eYQLjKG
...
2 Replies
Rook
Rook•2y 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
omoOP•2y ago
Tysm <3 it worked perfectly! it also makes sense xd

Did you find this page helpful?