WordPress.org

Ready to get started?Download WordPress

Forums

WP Flexible Map
[resolved] wp flexible map - map remains black (14 posts)

  1. User0815
    Member
    Posted 1 year ago #

    Hi

    I have linked a map with your plugin wp flexible map to a wordpress page. on some computers this works out great and everything gets displayed as it should. on some machines the map remains just black and i only see the route/pins that i have created within the kml-file. I use this code:

    [flexiblemap src=http://www.mywebsite.ch/share/route_v1.kml width="700" height="585" hidepanning="false" hidestreetview="false" hidescale="false" scrollwheel="true" zoom="2"]

    Can you help me with that?

    http://wordpress.org/extend/plugins/wp-flexible-map/

  2. webaware
    Member
    Plugin Author

    Posted 1 year ago #

    G'day, if you can provide a link to your website, I can probably help you more.

    In the meantime, it sounds like there might be a CSS problem, perhaps browser or browser version specific. Alternatively, there could be JavaScript error on the computers that the map is failing on. Can you look in the browser's error console for those computers and see what is triggering the error? It might be this plugin, or it might be another plugin or your theme.

    Information required to diagnose this problem includes:

    • link to website where this problem can be seen
    • operating systems the maps are failing on
    • browsers / versions the maps are failing on

    cheers,
    Ross

  3. User0815
    Member
    Posted 1 year ago #

    link: http://www.fulltime-bohemians.ch/route
    operating system: windows xp professional sp3
    browser: internet explorer 8.0.6001.18702

    if i switch to standard theme twentyeleven, the problem does not occure

    thanks for your help

  4. webaware
    Member
    Plugin Author

    Posted 1 year ago #

    G'day, you have a line in your stylesheet for IE, stylesIE.css, that is doing this:

    #main IMG { background-color: black; }

    I don't know why you'd do that, it's way too general and is affecting the overlayed images in Google's map. If you can't make this rule more specific, then you can fix your problem by adding this rule to that stylesheet:

    .flxmap-container img { background-color: inherit !important; }

    cheers,
    Ross

  5. User0815
    Member
    Posted 1 year ago #

    worked out great! thanks so much!

  6. webaware
    Member
    Plugin Author

    Posted 1 year ago #

    No worries, I'm glad it's all working now :)

    cheers,
    Ross

  7. User0815
    Member
    Posted 1 year ago #

    Regarding the same website mentioned above: when clicking on one of the blue pins the text (location, etc) only appears in a light grey instead of black (so it is difficult to read). Think this is also a problem with the stylesheet. Have you got a solution to that as well?

  8. webaware
    Member
    Plugin Author

    Posted 1 year ago #

    Try this:

    .flxmap-infowin { color: #000 !important; }

    Or maybe this:

    .flxmap-infowin, .flxmap-infowin a { color: #000 !important; }

    cheers,
    Ross

  9. User0815
    Member
    Posted 1 year ago #

    Unfortunately this did not work. Have you maybe an other rule to add to the stylesheet?

  10. webaware
    Member
    Plugin Author

    Posted 1 year ago #

    No, that first one should do it really. Maybe try this one though:

    div.flxmap-infowin div { color: #000 !important; }

    cheers,
    Ross

  11. User0815
    Member
    Posted 1 year ago #

    argh this drives me mad. i tried now:

    .flxmap-infowin { color: #000 !important; }
    .flxmap-infowin, .flxmap-infowin a { color: #000 !important; }
    div.flxmap-infowin div { color: #000 !important; }

    but with no luck :( i put the code to the same place where i already put .flxmap-container img { background-color: inherit !important; } (which works great)

    have you any other ideas? :(

  12. webaware
    Member
    Plugin Author

    Posted 1 year ago #

    OK, but that was in the IE-only stylesheet, stylesIE.css, which won't affect any of the other browsers. You need to move this new CSS into the stylesheet that all browsers will get.

    It's starting to sound like you need to get some CSS help for your website. Know any good website designers?

    cheers,
    Ross

  13. User0815
    Member
    Posted 1 year ago #

    Finally solved. my css-override function of the theme did not work properly. had to add rule manually to file. thx for your great support!

  14. webaware
    Member
    Plugin Author

    Posted 1 year ago #

    Excellent!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic