By using’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor

    Join us!
elementor official

How to place a google map behind a transparent element



New Member
I have a design for my site that includes a kind of wavy footer. On the contact page of my site I'd like to have a full-width google map which sits above the footer as per attached design. In order to make it look right, I really need the google map to sit behind the footer - at least partially so there are no gaps between the elements - as per the attached image. We would normally use Elementor's divider shapes to achieve this but these require a coloured background and we'd need a transparent one. Does anyone have any ideas how we could achieve this in Elementor?

Thanks for your help.


  • Screenshot 2021-01-15 at 13.00.22.png
    Screenshot 2021-01-15 at 13.00.22.png
    361.3 KB · Views: 34

Latest posts

Latest Resources

Other Elementor Resources

elementor official