HI guys!
I’d like to add a transparent box within a colour section for text content (so it sits on top of a background image). I can’t seem to find a short code for this purpose.
Can you help me with this?
Thanks very much indeed.
Regards,
Christian
Hi jaroljmek!
Thank you for using Enfold.
You can apply a unique id to the color section. Look for the For Developers: Section ID field. Use this id + the column selector to add the background on the Quick CSS field.
#section-id .flex_column {
background: rgba(255,255,255, .5);
padding: 10px;
}
Regards,
Ismael
Hi Ismael!
Many thanks for the heads up on this one.
But is there any way of avoiding my two empty columns also picking up the CSS as in this example? Obviously I only want the box to appear behind the 3/5 centre column.
http://fb3.motionpixels.com/#timeline
Thanks so much!
Regards,
Christian
Hi!
@jaroljmek Please change the code to following one
#timeline .flex_column.av_three_fifth {
background-color: rgba(68,68,68, 0.75);
padding: 25px;
}
@samscrimshaw Can you please point out the color section element so we can provide you accurate code?
P.S.: Awesome wheels!
Regards,
Yigit