Customizing map location on the web page

Hello!
Try to put shortcode of the map into such code –

<div style="float: right;"> your shortcode</div>

It will look like this – <div style=”float: right;”>[google_map_easy id=”1″]</div>

Please try it and inform us if such solution suits your needs. Otherwise – provide us link to your site and describe detail where exactly you want to display the map.

Hmm. This didn’t quite work. But maybe I did that incorrectly. I put the shortcode in the text editor – was that correct? It made the map disappear altogether.

I would like the map to show up on the right side of the page, with the address(es) appearing on the left. I would like it to be in line with the text to the left of it. I plan to have 1 map per address.

https://www.faithcenterarts.org/main/locations/

Please let me know if this is possible.
Thanks!
Marissa

Hello!
Please try use this code instead of google maps shortcode –

<style type="text/css">
.gmp_map_opts {
    float: right;
}
</style>
<div style="float: right;">[google_map_easy id="1"]</div>

Please inform us if such option suits your needs.

Thank you!
I put it in the text editor, but no map appeared.

Alternatively, if I leave the standard shortcode provided, and make the percentage say 30%, then he map will appear on the left. Can I make the text wrap around the map so it shows directly to the RIGHT of the map?

Hello!
I’m sorry, I have provided you wrong code.

Please try this code –

<style type="text/css">
.gmp_map_opts {
    float: right;
}
</style>
[google_map_easy id="1"]

If you still will have problems with it – please contact us through our?internal support. We will help you to solve the problem.