Transparent Text Box

[GTS75]

is it possible to add a transparent text box or boxed text with a transparent grayish background to put text over an image? I see this on lots of other sites and haven’t been able to figure out a way to do it. Specifically, I’m using a Row with an image background and I’d like to add a text overlay with a grayish transparent rectangular background boxed around my text.

[Rui Guerreiro – SUPPORT]

Hi,

I tried with the Text Block or the column by setting the opacity using an extra class but that affects all the content inside that text-block or column.

Will forward to Ed to see if there is any alternative.

-Rui

[Swift Ideas – Ed]

You would use an extra class, but instead of setting opacity, you’d set an rgba background for the text block.

Can provide some code if needed?

– Ed

[3969120a]

Ed,

Yes, please provide code.

Thanks

[David Martin – Support]

Use:

.my-dark-background-opacity {
   background-color: rgba(0,0,0, 0.8);
}