-
Posts
-
Hi,
I have a color section with a bottom SVG Divider of Mountains, and it looks really pretty, but have an image on top in a column with a negative bottom margin, because I want the image to overlap this section and the section below it. See Screenshot here: https://nimb.ws/Ef03X9
The problem, as you can see, is the that the divider is in front of the image, instead of behind. I tried makeing the image and the column have a z index of 99, but that didn’t help. Maybe I’ve gone about this the wrong way though.
Might you have a suggestion?
The page is here: https://katiewampler.com/about/
But you have to use a Bypass link to see the site as I have a coming soon page up: https://katiewampler.com/bypass. Then you can go to the About page and see what I mean.Thank you as always!
Hi Eleina,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
.page-id-65 #section-container-width .container { z-index: 120; }Hope it helps.
Best regards,
Nikkoyes – that might help
ps: if you like to have an animated svg waves – download: Waves
because your divider is not standard enfold divider – i guess you know how to install custom svg dividers.see: https://weber.tips/
Thank you, all of you… I never recevied an email about your responses, or it went to spam or something, so just came back and looked. It worked and I thank you very much! Guenni007 – I did not knw about these animaged waves but I thank you for that too. I may try that.
Hi,
Great, I’m glad that @guenni007 could help you out :-)
Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
- You must be logged in to reply to this topic.