events manager – change map size – using map shortcode

i tried to add css

.em-location-map-container{width:100%!important}

to the page where you put the shortcode,

and it works

Hey – Thanks for the suggestion – I wish it would have worked for me. It made triple the maps and off center :-(.

use the div class,

.em-location-map-container

instead of

.em-location-map, .em-locations-map

triple the maps and off center? that’s weird…

wonder what it looks like…

I tried to get it to do it again so I could take a screenshot and show it to you – it was pretty weird – but it did not do it again. Just for me – as always ??

The code did not change anything this time when I put it in the actual page – but when I put it into the Divi Theme Options it did expand the map – but not all the way to the edge of the black area – and it removed the maps I had in the individual listings.

then give a class or ID to the div where you put the shortcode,

like
<div class=”momshof”>[locations_map]</div>

then do the css:

.momshof .em-location-map-container{width:100%!important;height:your-height}

then the style will only do the changes on this div

<div class=”momshof”>[locations_map]</div>

won’t affect your individual listings

if you want to use css to make a change only to one specific object, give this specific object a specific class or ID.

Found another way – in case anyone else is looking for a different way:

In Events Manager – Formatting – Maps: change the default width & height to whatever you need it to be

THEN to keep map on individual pages a different size than what you just entered above:

In Events Manager – Formatting – Single Events Page – Single event page format: make this map the size you need it to be by placing pixel size immediately after #_LOCATIONMAP use {width,height}

for example: #_LOCATIONMAP{300,400}.

Hope this may help someone else.