Opacity of column is also affecting text
0
Hello experts! I'm struggling with the opacity. I would like to achieve the following: A simple layout grid with a background. Inside are two columns. One of them has a white background and reduced opacity. But the text on top is still back - as it should be. Mine looks like this: How can I make the text appear normal black instead of greyish because of the reduced opacity of the column? Thanks in advance!
asked
Anne Timm
3 answers
1
Since you're using a solid background color you can use "rgba" to only change the opacity of the background and not affect the content inside.
background-color: rgba(225,225,225,.5);answered
Aseel Dweidar
0
Add CSS class for the text and set the opacity to 100%
answered
Akshitha Vangala
0
Hi Anne
Try using this CSS code; it might help you with your styling issue.
answered
surya k