Hello Enfolders,
I am wondering if I started a mission impossible or not.
Do check the bottom of http://scripterr.com/hit/
What I am trying to accomplish here are a few things:
1.) Make Google Maps Full Width ?
Google Maps is put in a section
2.) Create a gradient transparent overlay both for the top as bottom of the Google Maps.
With regards to point I created below the Google Maps a Grid 1:1 section with a background image which has a transparent gradient top.
I want this image on top of the Google Maps, so I can using bottom padding for the Google Maps section to put the Google Maps BEHIND this partly transparent background. HOWEVER. Google Maps is always on top of this image. HOW can I send Google Maps to the background OR the image to the foreground so the image will partly overlay The bottom of Google Maps?
THANKS!
Bart
Hey Bart,
1- You can refer to this post – https://kriesi.at/documentation/enfold/color-section-with-100-container/ and place your Google maps element inside a custom Color Section element to display it fullwidth.
2- I am not sure if i understood this part. Would it be possible for you to post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here :)
Regards,
Yigit
Hi Yigit,
1.) Works, thanks. Somehow made a mistake somewhere.
2.) What I try to accomplish is: https://imgur.com/a/u7QrX
Notice the bottom is the background image in the grid section I added below the google full width section