mashup map bubble shadow b0rkage

Resolved

(@lavacano)

http://www.sunnyelectric.us/projects/

any css tricks or JS nonsense would be appreciated. the site is based on evolve if you can’t tell so its heavily dependent on multiple css.

I use exec-php and put the following in:

<?php

if(function_exists('pronamic_google_maps_mashup')) {
    pronamic_google_maps_mashup(
        array(
            'post_type' => 'post'
        ) ,
        array(
            'width' => 480 ,
            'height' => 320 ,
            'map_type_id' => 'terrain' ,
            'marker_options' => array(
                'icon' => 'http://google-maps-icons.googlecode.com/files/photo.png'
            )
        )
    );
}

?>

On a side note: kicking mappress’ but with free features. put more links to donate because those guys are wanting $20 for almost the same feature set.

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author Remco Tolsma
(@remcotolsma)

13 years, 11 months ago
I think it has something to do with the following line of CSS:
```
.entry-content img, .entry-content .wp-caption {max-width:620px;height:auto;background:#fff;padding:5px;-moz-box-shadow:0 1px 2px #999;}
```
http://www.sunnyelectric.us/wp-content/themes/evolve/library/media/css/base.css

If i remove the background:#fff; most of the issues are solved. Also the max-width property is causing some of the problems.
```
.entry-content img, .entry-content .wp-caption {max-width:620px;height:auto;background:#fff;padding:5px;-moz-box-shadow:0 1px 2px #999;}
.entry-content img {max-width:610px;}
```
I think you can solve the problems by placing the Google Maps after the .entry-content element. Or you could add the following CSS code:
```
.entry-content .pgm img {
	background-color: transparent;

 	max-width: none;
}
```
Thread Starter lavacano
(@lavacano)

13 years, 11 months ago
I’m not marking as solved because I think the img codes need a style declaration inline. this works:
```
.pgmm img {background-color: transparent;max-width: none;}
.pgm img {background-color: transparent;max-width: none;}
```
Thanks Remco Tolsma
Omnilogic
(@omnilogic)

13 years, 9 months ago

I had a similar issue and the max-width change solved it for me.
Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘mashup map bubble shadow b0rkage’ is closed to new replies.