Trouble with googleMaps (PlugIn Event-manager)
Hi there,
I install the plugIn "Events.Manager" (http://wordpress.org/extend/plugins/events-manager/) It has an integration of googleMaps (...Events Manager can find the location of your events, and accordingly display a map.). When you add a new event inside Wordpress Backend, there is a preview of the locations map. This works really fine. (see Attach "preview.png") But on the Atahualpa Theme Web-Site the view of the Map is broken with squares and no pointer-balloon) (see Attach "map_on_site.png) By choosing another theme the google map view on the Web-Site is o.k. So there might be a conflict with the scripts (maybe .css) of the plugIn and Atahulpa? Is there something I can do? greetings, curious |
2 Attachment(s)
sorry, forgot the attachments
here they are: |
I need to see this in action. Probably a CSS issue
|
Hi Flynn,
look at this: http://www.curiousorange.de/test/ on the right side is the eventcalendar...just click on a red number.. Here is something what i found in the event manager forum. A user with another theme (called thematic) got analogical problems and this fixed his problems: "....The problem is that Thematic applies a number of CSS rules to general selectors. In this case the .entry-content img selector messes up Google Maps online CSS. Here's a fix: Open thematic/style.css and comment out line 52: max-width:100%; becomes /* max-width:100%;*/ ...." thanks, curious |
Add a CSS Insert
HTML Code:
/* For Events manager Google Map */ For everyone with a similar Google map problem but another plugin, look into the source code of the browser-rendered page to find the ID (or class) of the plugin's widget DIV, i.e. in this case div id="dbem-location-map" ... and add a corresponding CSS Insert as shown above |
Hi flynn,
I insert the code to Atahualpas "style.css". Worse luck, it doesn't work... can you have a look again greetings, curious |
"CSS Insert" is a theme options at HTML/CSS Inserts -> CSS Insert. Put it there instead of editing style.css
|
1 Attachment(s)
Now I insert the code...at HTML/CSS Inserts -> CSS Insert.
Unfortenately there are again these squares on the test-site. |
Try this as CSS Insert please
div.gmnoprint img { background-color: none !important; } |
Very resisting this plug.
No luck again with the new css insert. greetings, curious |
Try as CSS Insert
HTML Code:
#dbem-location-map img {background: none !important;} div.post img { background-color: none !important; background: none !important; } This would remove the border from all images in posts. To limit it to a post i.e. the one in questions. div#post-3 img { { background-color: none !important; background: none !important; } |
Great! This plug will never hoaxing me again!
The CSS insert #dbem-location-map img {background: none !important;} works really fine! Many thanks for your patience to work out the right solution! greetings , curious |
All times are GMT -6. The time now is 09:29 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.