Design comparison
Solution retrospective
Hi guys.
How did you solve the issue with the transparency(opacity) of the buttons? when not active their text color is the same like the background of the respective block(div). I was trying to style them at once and somehow made the text transparent but it didn't worked. So finally I had to make three classes and give color(same like background color of the div) for every text of the buttons. Could you please share some tips.
Best Regards, Kiril
Community feedback
- @Babajide777Posted about 3 years ago
I simply made the background color inherit the background color of its parent. background-color: inherit; You can check my solution to understand better: https://www.frontendmentor.io/solutions/semantic-html5-markup-css3-flexbox-grid-fZ4rIBPVH
0 - @Aklog-1Posted about 3 years ago
lol I just asked same question. I also tried to make the color transparent but it doesn't work since there is the background of the button it self which happens to be white. I tried to remove the button's white background too and add a layer using pseudo class, it didn't work either. let's see if some one could help us,
0
Please log in to post a comment
Log in with GitHub
Join 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