Design comparison
Solution retrospective
-
I'm having difficulty changing the social media buttons' color to soft magenta. Could you help me? I googled it and only found a solution using JS, but I'd like to know if it's solvable using only html and css.
-
Also, I'd love to hear your opinion on what could be improved on the code other than the issue above.
Community feedback
- @RthSoldanPosted almost 2 years ago
Hi there!
I think that a "a {background-color: white;}" and a "a:hover {background-color: hsl(300, 69%, 71%);} will help you change the color of the social media button's. I am new at front-end but it worked for me.
Ps. I am not a english speaker, sorry if I did not express myself corretly.
Happy new year and happy code!
Marked as helpful1 - @ChechaWebDesignerPosted almost 2 years ago
Hi. I used a code like this:
<span class="icon"> <i class="fa-brands fa-facebook-f"></i> </span>And I gave to the class icon the next styles in hover
.icon:hover{ --tw-border-opacity: 1; border-color: hsl(300 69% 71% / var(--tw-border-opacity)); --tw-text-opacity: 1; color: hsl(300 69% 71% / var(--tw-text-opacity)); }
The code of all the page is here: https://github.com/ChechaWebDesigner/Huddle-landing-page
Congratulations and good job. I hope I've helped you. 👋👏
Marked as helpful0 - @mclaramarinhoPosted almost 2 years ago
After the instructions above, I could solve the issue regarding the color change of the social media icons.
It turns out I saw the issue from another perspective and came out with my own solution. You can check it out on my git :)
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