Google Routeplanner plugin conflicting with Suffusion theme

[nieuwedag]

I am trying to make the plugin 'Google Routeplanner' work on my website, but somehow I am not able to let it work correctly while using the Suffusion theme. At the moment I am still not able to see the famous Google maps images on http://www.nieuwedag.nl/shiatsu-massage-in-rotterdam/routebeschrijving/

Somehow it seems to have something to do with the CSS. If you disable styles in the browser you see that the map images are loaded (sure, the map isn't working but you can see the images are there). There seem to be some general settings for div or img in the CSS. I have searched and searched again, but I cannot find the exact problem. Can someone help me out with this issue?

I really like the Suffusion theme so far, but I also really need to work with a perfectly working routeplanner.

If I use another theme, the Wordpress default for instance, the plugin 'Google Routeplanner' works perfectly. If I look on other websites, this plug-in works perfectlyl, so it really does not seem to have anything to do with the plug-in. See: http://www.pension-zandvoort.nl/en/cont ... teplanner/

More info on the plugin 'Google Routeplanner' for Worpress: http://wordpress.org/extend/plugins/google-routeplaner/
At the moment I am using Wordpress 3.1, and Suffusion 3.7.7.

[sayontan]

Some people have reported conflicts with Google maps printed directly on the theme. For some plugins it has been browser-specific (it works on Chrome, but not on other browsers) and for some it doesn't work on any browser. What I have seen is that it works 100% if your map is inserted via an IFRAME. I haven't researched plugins enough to insert maps, so I cannot tell you which plugin to use. But apart from that I have no idea why inserting a map directly onto the site doesn't work.

[nieuwedag]

The designer of the the plugin 'Google Routeplanner' (Deformed Design) just told me the problem is definately within:
http://www.nieuwedag.nl/?ver=3.7.7&suffusion-css=css
together with
http://www.nieuwedag.nl/wp-content/them ... ?ver=3.7.7
When I disable ".page-template-no-sidebars-php .entry img { max-width: 99%;}" with Firebug the problem seems to be solved immediately. Now the main question is: In which specific file can I actually find this specific code?
Can I remove this code safely without breaking anything else unintentionally?

[sayontan]

I just noticed that myself (before you posted). Here is what you can try putting in Back-end Settings -> Custom Includes -> Custom Styles:

Code: Select all

#map_canvas img { max-width: auto; }

[nieuwedag]

Thanks for your quick respons! I just followed your suggestions immediately and emptied my cache afterwards, but unfortunately this does not seem to work either...

[sayontan]

Crap. I always get the default value wrong:

Code: Select all

#map_canvas img { max-width: none; }

[nieuwedag]

Yesssss, this works!! Thanks a million!!

[francismhwhite]

I am having this same problem. I was very happy to find this thread but unfortunately the custom style insert did not work for me. I have just taken over for a poorly managed not for profit site. The first thing i did was install the suffusion theme. This was pretty fluid except for the Google map not showing. Is there a back up thing to try? http://edensrose.org/tour

[sayontan]

Use:

Code: Select all

#gmr_id_155 { max-width: none; }

[francismhwhite]

Thank you but this did not work. Any other suggestions?