Heya,
thanks for your HowTo on setting up a full width google map view https://kriesi.at/support/topic/google-maps-in-full-width-slider.
It works perfectly as described. I tried this with a GoogleMaps shortcode comming from SabaiDirectory (http://demo.sabaiapps.com/sabaidirectory/shortcodes/shortcode-sabai-directory-map/). Your description even works there, however I can’t deifne the height of the result. It’s 400px by default and I can’t change it. The shortcode has a few parameters (even height and width) but I guess they won’t be used as (according to your HowTo) I needed to define the width with a custom CSS entry. Adding the height in that entry didn’t help either.
Thanks for your support
Oliver
Hi!
Can you post a link to your google map please? I’d like to investigate the iframe and css code.
Regards,
Peter
Hi Dude,
I’m still working on the content, but the site is here:
http://www.dasjuengstegericht.org/
Thanks in advance
Hey!
Are you using a plugin for the map? Are you sure you cant change the height of the map in the plugin settings?
If thats not the case. I checked the source code of your maps plugin and its got a class of sabai-googlemaps-map:
you can use that class to set the height like this:
#fullwidthmap .sabai-googlemaps-map{
height:500px !important;
}
Hi,
To change the height of the map please use this css. If you need to also change the width, do the same but with width replacing height in the code below. Please add the CSS below to either Quick CSS or to /css/custom.css
#sabai-embed-wordpress-shortcode-1-map {
height: 300px !important;
}
Thanks,
Nick
Hi,
the height-setting in the plugin-settings didn’t change anything. But your other advice helped! Thanks a lot for your help! Great support!
quicky