Kevin Powell - Community•17mo ago

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•17mo 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;
}

omoOP•17mo ago

Tysm <3 it worked perfectly! it also makes sense xd

Gaming

Programming

unable to fill/color svg