Updated Plugin – Map Screen now Split and Weird

A CSS rule that I modified in the plugin to fix themes from breaking the map, seems to have to opposite effect on your site, and breaking something that worked before.

Can you try to add this rule to a CSS file loaded by your theme, and let me know if that fixes it?

#wpsl-wrap #wpsl-gmap img,
#wpsl-wrap .wpsl-gmap-canvas img {
width: auto;
}

Ok will try, I’m using the Kalium theme, latest version.

I’ve appended to the bottom of my custom CSS I’ve got a syntax issue please let me know where I’ve gone wrong. Appended at the end…
[
{
“featureType”: “road.arterial”,
“elementType”: “geometry.fill”,
“stylers”: [
{
“color”: “#7a7878”
}
]
},
{
“featureType”: “landscape”,
“elementType”: “all”,
“stylers”: [
{
“saturation”: “0”
},
{
“lightness”: “100”
}
]
},
{
“featureType”: “landscape.man_made”,
“elementType”: “all”,
“stylers”: [
{
“lightness”: “100”
}
]
},
{
“featureType”: “poi.park”,
“elementType”: “all”,
“stylers”: [
{
“saturation”: “0”
},
{
“lightness”: “16”
}
]
},
{
“featureType”: “poi.school”,
“elementType”: “all”,
“stylers”: [
{
“lightness”: “27”
}
]
},
{
“featureType”: “road”,
“elementType”: “geometry.fill”,
“stylers”: [
{
“color”: “#918a8a”
}
]
},
{
“featureType”: “road”,
“elementType”: “geometry.stroke”,
“stylers”: [
{
“color”: “#333333”
}
]
},
{
“featureType”: “road”,
“elementType”: “labels.text.fill”,
“stylers”: [
{
“color”: “#5b0202”
}
]
},
{
“featureType”: “road”,
“elementType”: “labels.text.stroke”,
“stylers”: [
{
“weight”: “5.98”
}
]
},
{
“featureType”: “road.arterial”,
“elementType”: “geometry.fill”,
“stylers”: [
{
“color”: “#999999”
}
]
},
{
“featureType”: “road.arterial”,
“elementType”: “geometry.stroke”,
“stylers”: [
{
“color”: “#000000”
}
]
},
{
“featureType”: “road.arterial”,
“elementType”: “labels.text.stroke”,
“stylers”: [
{
“color”: “#ffffff”
},
{
“weight”: “4.00”
},
{
“saturation”: “1”
},
{
“gamma”: “1.00”
}
]
},
{
“featureType”: “road.local”,
“elementType”: “labels.text.stroke”,
“stylers”: [
{
“color”: “#ffffff”
},
{
“weight”: “2.84”
}
]
},
{
“featureType”: “water”,
“elementType”: “all”,
“stylers”: [
{
“lightness”: “23”
}
]
},
{
#wpsl-wrap #wpsl-gmap img,
#wpsl-wrap .wpsl-gmap-canvas img {
“width”:” auto”
}
}

]

This is the wrong place to add the code. It needs to go in the styles.css inside your theme folder.

But I will likely release an update tomorrow, reverting the CSS changes anyway.