Design comparison
Solution retrospective
Hi everyone! I had some troubles with the logo in the footer section, I can't understand how to turn it white... Any feedback is appreciated, thank you all!
Community feedback
- @hariramjp777Posted almost 4 years ago
Hi Enisa, Your solution looks good. Great 👍
To change the logo in the footer,
- Create a new file -
logo-footer.svg
. - Copy the code of
logo.svg
and paste inlogo-footer.svg
. - Start editing
logo-footer.svg
. If you look at the code, you'll see kind of markup model,
<svg> <g> <path d="" fill=""></path> <path d="" fill=""></path> </g> </svg>
-
So, Here you see two
path
elements insideg
element. Among them, One path is for the chat-box like icon and other is for the text "Huddle". -
Now change the value of
fill
attribute in thepath
elements which defines color. -
So, for first
path
,fill = "#fafafa"
[ for chat-box like icon ] -
and for second
path
,fill = "#ffffff"
[for text "Huddle"] -
Finally, update
src
attribute of<img>
inhtml
page.
Hope it helps.. If you've doubts in the code, ask me in the comments. Have a good day Enisa..
1@eniabazajPosted almost 4 years ago@hariramjp777 oh you are always so helpful!!! Thank you so much, I really appreciate it 🤗
1 - Create a new file -
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