Is it possible to change the z-index of the embedded Google map?

I'd like to overlay a <div> with a higher z-index on top of the map, but can't figure out how to do this.

I've tried applying a low z-index to .wpc_wrapper, #wd-map1 etc, with no success.

Can you help?

Hello Peter! Thanks for letting us know about this request!

Could you please give the link to your map page? This way we would have a better understanding of what you are trying to achieve, and will provide you the z-index CSS.

Thank you in advance!
Have a beautiful Friday!

Thanks for your reply.

Can I send the link privately?

Sure, Peter!

Please send the link to your website to [email protected]. Make sure to include the URL to this forum topic in your e-mail as well.

Thank you!

Hi Peter!

Our development team checked the z-indexes on your map page and here's what they are suggesting. Firstly please add the following CSS code to style.css file or custom CSS editor of your website theme:

.page.page-id-81 #x-content-band-1.x-content-band.vc.titleWrapper {
    position: absolute;
    width: 100%;
    top: 0;
}

That works perfectly - thanks for the excellent support!

You are most welcome, Peter, we are glad the problem is resolved!

Make sure to let us know any time you will need assistance with our products. It's a pleasure to help you out with your requests!

Could I ask you to share your feedback to Google Maps WD plugin on WordPress.org? Your comments mean a lot to our team!

Let me provide you the link to the plugin page:
wordpress.org/support/view/plugin-reviews/wd-google-maps

Thank you in advance!