-
I’m having an issue with an element that I added to my page from the Pattern Library. It’s a container that has a background image and a text overlay. This background image is also darker than normal so I’m guessing there is some other black-colored overlay with a low opacity that allows the image behind it to be shown.
The problem is that I’m trying to add an optin form into this container, but when I add it it is automatically behind this dark colored overlay, so it appears to be shaded.
I know that there is a way to bring it to the front because the text overlay is in the front, but I just don’t know how.
Any help?
Here’s an image of what I mean:https://ibb.co/j64R0PW
-
Hi there,
Can you link us to the page in question?
You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-informationLet me know 🙂
-
Yep. I’ve added some private info.
-
How is that form added? Is it a block?
-
Yes. It’s a container from GenerateBlocks. It was from the GenerateBlocks pattern library so it was already premade with the shadow feature when I put it there but then I customized it some.
-
Hi there,
May I know how the opt-in form is being added? If it’s via code, can you provide the code here? Please remove any sensitive identifiers like ID of the form.
-
Yes, it’s added via this code:
<getresponse-form form-id=”15ee6db7-6b7a-42dc-a8ae” e=”1″></getresponse-form>*I removed some of the form-id so it’s not exact.
-
Hi there,
place the form inside a GB Container Block.
Then set that Container Blocks Layout > Z-Index to 1 -
Worked like a charm. Thank you!
-
Also, do you have any idea how the shadow overlay was added to the GB Container Block?
-
If you select the parent Container Block – the one with the image and overlay
In the block settings > Bacground there is a Gradient that has been set as a Pseudo Element. Its that gradient that adds the overlay. -
Thank you for this!
-
You’re welcome
- You must be logged in to reply to this topic.