mashup map bubble shadow b0rkage

  • Resolved lavacano

    (@lavacano)


    13 years, 7 months ago

    https://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' => 'https://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)

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

    https://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)

    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

    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.