Tagged: custom.css, transparent background
Hi,
I am trying to set a transparency to a column element over a color section.
I have enabled CSS on all elements.
I have given the column the a custom css of “km-transparent-background”
and added the following to the Quick CSS:
.km-transparent-background {
background-color: rgba(255,255,255,0.5);
padding: 10px;
}
No effect.
I also tried applying the same CSS just to the div .flex_column globally as well as the .flex_column av_one_full (which is the type of column element I am using.
Any thoughts as to why it is not taking?
Thanks in advance.
Hi themeforesttony!
Please try adding !important rule to your code as following
.km-transparent-background {
background-color: rgba(255,255,255,0.5) !important;
padding: 10px;
}
Cheers!
Yigit
Geez. I could’ve sweared I tried that a couple of times with nothing, but with your blessing it apparently works. Thanks.