How to enlarge map in Contact section?

I would like t0 show a larger map in the Contact section of the main page. I tried to alter the size of the .map_inner attribute through custom CSS, but although it makes the frame larger, it doesn't make the map itself any larger.

Modifying the iframe code copied from Google Maps doesn't make any difference either.

How can I accomplish displaying a larger the map?

Thanks in advance for your answer.

 

So I ran into this same problem. I fixed it by adding the following custom CSS:

.map_inner {
max-height: none;
max-width: none;
height: 500px;
}

.map_inner iframe {
max-height: none;
max-width: none;
height: 100%;
}

Obviously the first height is whatever number you want. Changing the iframe height in the Google Maps code made no difference.

Hope that helps!

 

Thanks for your reply. This certainly did the trick!

Glad we are able to help each other out making adjustments to the template to get our sites to look and behave exactly like we want it to.

I think Inkthemes did a great job with designing this template, but in all honesty it isn't perfect (yet). Perhaps some of the changes we have done so far can be included in a future release of this theme.