Looking to hire developers?
How do i change the color for svg files? Especially logo, since the footer are always different.
@markup-mitchell
Posted
You can also 'inline' the svg by copying it right into you HTML, and add CSS classes to control its properties (just remember to use svg properties like fill: #FFFFFF as zuolizhu says, and not css properties like color).
@izzhariz
Posted
Thanks for replying mitchell, i'll definitely mess around with that property later to see how it works.
@zuolizhu
Posted
You can open and edit the svg files in your code editor (e.g. vs code or sublime text). For your project, the color for logo shape is located in <path ... fill="#BDBAFA"/>. Change the fill="#BDBAFA" to fill="#FFFFFF" will get the white colored shape.
Another way you can do, is opening the svg file using sketch, figma, Adobe XD or illustrator, change it in the software, and save for another copy.
Hope these help.
Happy coding! 😆
@izzhariz
Posted
Hey connor, thanks for the reply. Didnt know you could edit svg's inside sketch/figma too. I'll update my code later, thank you!
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
