Please give us the URL of the page where your map is so we could see the problem.

Thanks.

Here is the site address: http://zdzsites.com/ovedia/. The map is located at the bottom under contact. Ignore the first map, which is to the side of the contact info. I put it there because what I want is not working yet.

If you take a look at the full width map, it shows that it runs through the footer section. That is because I limited the height of the container to 200px. The image still shows a full height outside of what I created in Google. I specified a max of 200px for the height and it goes beyond it. Here is the code for Google:

<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2924.737292325829!2d-70.93022300000003!3d42.85727999999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e2e3f4d76e5fc5%3A0x2e86ac44d10559!2s36+Main+St!5e0!3m2!1sen!2sus!4v1404653620479&#8243; width=”600″ height=”200″ frameborder=”0″ style=”border:0″></iframe>

Even if I chose other configuration sizes, it still comes out differently for height. I can control the height of an image through your CSS option panel by specifying it’s max-height. But I cannot control the height of a map, which is what I want to do. I want to limit the height of the map to any number I chose.

Is there a way I can do that?

Thanks!
Robin

Please try adding the code below in your page’s Visual Composer Custom <> CSS.

.x-map .x-map-inner {
padding-bottom: 0;
height: 200px;
}

Hope that helps. 🙂

That helped! Thanks! Love the theme! Now I have a problem on the gallery settings. Probably a setting somewhere that’s not letting me do what I need to do. I already posted it, so no need to mention further here. But if you could respond to it, I would greatly appreciate it!

Thanks!