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

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

/* For Events manager Google Map */
div#dbem-location-map img {
background-color: none;
}

I am adding this to the theme style.css, too


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

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

#dbem-location-map img {background: none !important;}

This should work, if not try this instead:

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