Looking to hire developers?
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
@Babajide777
Posted
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
@Aklog-1
Posted
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,
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
