semi transparent screen in text box

[3969120a]

Hello,

The link above has text over each parallax image, however, it is difficult to read.

Cannot figure out how to create a semi-transparent screen behind just the text.

many thanks, in advance…

[Rui Guerreiro – SUPPORT]

Hi,

Edit the row and choose the desired color background.

And then in the display tab check this 2 fields.

-Rui

[3969120a]

Rui,

Thanks for the input.

edited first two rows, opened in a new browser, but am not seeing a screen behind the text:

EINKORN COOK-OFF WINNING RECIPES!

thanks

[Rui Guerreiro – SUPPORT]

Will need admin credentials to have a look at your settings.

-Rui

[3969120a]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.

[3969120a]

will work on it.

many thanks, Rui

[3969120a]

is it possible for the screen to be the same width as the text block and not full column?

[Rui Guerreiro – SUPPORT]

I’m not understanding exactly what you mean. Can you provide me a mockup image?
Thanks

-Rui

[3969120a]

although this would not be the final appearance, the text box has a screen and the rest of the image is full color:

https://i.ytimg.com/vi/vjpb5DkG0-c/maxresdefault.jpg

[3969120a]

this might be a better example

https://cdn.elegantthemes.com/blog/wp-content/uploads/2015/06/transparent-column2.jpg

[Rui Guerreiro – SUPPORT]

To do that add a column to the row with 1/2 of width and place the text block inside the column. Than you can style the background of the column.

-Rui

[3969120a]

https://e-sa.com/portfolio/testing/

did that, however, we are trying to have the semi-transparent background only being the text box, not the entire column…

[Rui Guerreiro – SUPPORT]

Hi,

I added the column and added and extra class to the column called my-column.

Then you need to add this custom css.

.spb-column-container.my-column {
    background-color: rgba(240, 248, 255, 0.55);
}

-Rui

[3969120a]

that did it!

Your support is The Best!!

many thanks…