Design comparison
Solution retrospective
If it looks weird I'll fix it later. I don't know how to change the logo color to white in the footer so I put a background color around it. Any help or advice is welcome.
Community feedback
- @aristi1215Posted 9 months ago
To change the logo color you just have to go to the SVG file and seek the fill ="" attribute and change it for the desired color. there will be three fill attributes, the first I don't know what it does, the second one for the icon, and the other for the text color
Marked as helpful0@aristi1215Posted 9 months ago@Benji963 Do it right in the svg file, for example with this code: <svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M17 12.5c-1.2 0-2.4-.2-3.6-.6-.3-.1-.7 0-1 .2l-2.2 2.2c-2.8-1.4-5.1-3.8-6.6-6.6l2.2-2.2c.3-.3.4-.7.2-1-.3-1.1-.5-2.3-.5-3.5 0-.6-.4-1-1-1H1C.4 0 0 .4 0 1c0 9.4 7.6 17 17 17 .6 0 1-.4 1-1v-3.5c0-.6-.4-1-1-1zM16 9h2c0-5-4-9-9-9v2c3.9 0 7 3.1 7 7zm-4 0h2c0-2.8-2.2-5-5-5v2c1.7 0 3 1.3 3 3z" fill="#FFF" fill-rule="evenodd"/></svg>. the last "fill" attribute will change the background color
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
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