Joomla Templates Club 406,261 posts

[lavers69 Friend lavers69Join date: October 2009Posts: 17Downloads:11Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#192540

I am having a problem with the google map on my site, in particular the zoom controls which are distorted. I have read various forums and the common solution seems to be to replace the following css code:

#map_canvas img,
.google-maps img {
max-width: 100% !important;

with this:

#map_canvas img,
.google-maps img {
max-width: none;
}

But I don’t know which .css file to edit. I have tried the bootstrap.css and the template.css – but this hasn’t changed the problem. This is a link to the page on my site with the issue:

http://www.gosouthfrance.com/propertysearch.html?calledByModule=mod_jomsearch_m3&ptype=7

I hope that you can help

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#513545

Hi lavers69,

You can put that CSS code into file: /templates/ja_mero/css/custom.css

With templates using new T3 framework like JA Mero, if you are not familiar with LESS and want to customize CSS, you should put it into custom.css file. This file is specifically created to allow you to customize without fear of losing your work when updates appear.

See this documentation for more info:http://t3-framework.org/documentation/customization.html#custom-css

[lavers69 Friend lavers69Join date: October 2009Posts: 17Downloads:11Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#513613

Thanks for this. It worked!

1 user says Thank You to lavers69 for this useful post

1. JA Developer

[Author]

Posts