Hey!
I’ve added some custom code myself to be able to change the colour of the background ‘custom image banner’ overlay at the bottom of my homepage. However, now the overlay colour #454a34 is showing over the entire section. I dont want the overlay colour showing over the top of the text box and the text or button.
Can someone please tell me what i need to add to my custom code to make the overlay only apply directly over the image so that it sits underneath the text box.
https://the-wellpreneur-code.myshopify.com/
Password: Sandra
Hi @sandraleedesign
I would like to give you a solution to support you.
You can add the below CSS code:
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid theme file
-
Paste the below code before
Best regards,
GemPages Support Team
1 Like
oh my gosh that worked! thank you so much!
Can i ask how you found out that you had to write that code in theme file?
Hi @sandraleedesign
We need that code so that the z-index of the content box is higher than the overlay. So the content box can place higher than the overlay. 
Best regards,
GemPages Support Team
But how did you know to put number 3? lol
Because the overlay has the z-index is 1 
