Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Plugins & Atahualpa (http://forum.bytesforall.com/forumdisplay.php?f=16)
-   -   Trouble with googleMaps (PlugIn Event-manager) (http://forum.bytesforall.com/showthread.php?t=1518)

curious May 2, 2009 01:53 PM

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

curious May 2, 2009 01:57 PM

2 Attachment(s)
sorry, forgot the attachments

here they are:

Flynn May 5, 2009 04:31 PM

I need to see this in action. Probably a CSS issue

curious May 5, 2009 04:46 PM

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

Flynn May 5, 2009 08:15 PM

Add a CSS Insert

HTML Code:

/* 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

curious May 6, 2009 12:47 AM

Hi flynn,

I insert the code to Atahualpas "style.css".

Worse luck, it doesn't work...

can you have a look again

greetings,
curious

Flynn May 6, 2009 06:44 AM

"CSS Insert" is a theme options at HTML/CSS Inserts -> CSS Insert. Put it there instead of editing style.css

curious May 6, 2009 07:01 AM

1 Attachment(s)
Now I insert the code...at HTML/CSS Inserts -> CSS Insert.



Unfortenately there are again these squares on the test-site.

Flynn May 6, 2009 07:20 AM

Try this as CSS Insert please

div.gmnoprint img {
background-color: none !important;
}

curious May 6, 2009 07:45 AM

Very resisting this plug.
No luck again with the new css insert.

greetings,

curious

Flynn May 6, 2009 09:03 AM

Try as CSS Insert

HTML Code:

#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;
}

curious May 6, 2009 11:26 AM

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 10:38 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.