Change stroke of SVG

Design help Custom code
1

Hey everyone! Not sure if this is the right channel, but I’m looking to understand how to change the stroke thickness of an SVG within Webflow. I’ve uploaded an SVG and tried adjusting the stroke, but it only affects the container: https://cdn.zappy.app/a91b8b5346dbace193d25ca7af8797b2.gif

I’ve also tried embedding an SVG, but I’m not sure what code to use to have it inherit stroke. I tried currentColor but no dice: https://cdn.zappy.app/162936ec69ecdb021207575c8c970692.png

W3C says you can adjust stroke color so it feels like it should be possible. It’s the little arrow on the bottom right footer (next to “Beam me up, Scotty”): https://jon-schafer.webflow.io/

Thanks!

2

You are styling borders, that is totally something else. SVG elements cannot be styled the same way like other HTML elements.

If you want to increase the thickness, increase the number in stroke-width

3

In other words, open up the SVG code and change the number?

4

Yes, on the SVG code edit the number for stroke-width

1 Like