Opacity in Grid Cells

[Aph100]

Hi
I have placed a background image in a grid cell and set opacity to 0.2 which is the level I want. I now want to place some text on top of this image. How do I put the text on top of the image, bit with an opacity of 1.0. At present is takes on the opacity of the background image

Thanks

[ruenel]

Hello Alex,

Thanks for writing in! You need to insert a DIV element into the cell and then that is where you place the Text element. The DIV element will need to be positioned as “Absolute”. Please provide us the URL of your page where we can see your elements so we can inspect it.

Best Regards.

[Aph100]

Hi Ruenel
Thanks for getting back, much appreciated. the url is https://ermingtonpre-school.org.uk/staging/contact/

Thanks

[tristup]

Hi Alex,

You have set the opacity to the Cell and that is why it is applicable to all the elements added to that cell. I would suggest a way I have tried in my local environment and it worked. Please find the steps below.

1. Set the background image to Background Layer > Lower.

2. Set the background color to Background Layer >Upper with opacity as shown in the given screenshot.

The upper layer will create an overlay with transparency set to the opacity of the background color. Please find the output given in the screenshot.

Hope it helps.
Thanks