Can't find correct selector to resize mini map inside a theme

Author Posts

leonce153 May 17, 2015 at 2:04 am

Heads up! this post was created when Microthemer was at version 3. The current version is 7. Some references to the interface may be out of date.

I have a directory site that I’ve been styling using the latest version of microthemer in Chrome ( http://staging4.acrossba.com ). When I go to a listing and look at a map, the map’s width is very small (ex: http://staging4.acrossba.com/listings/restaurants-food/mchuston-booksellers-irish-bistro/#post_map ). I’ve spent hours trying to find the correct selector but have had no luck. I contacted the plugin’s developers about the problem, but they gave me this:

div#page div {
margin-left: 10px !important;
max-width: 90% !important;
}

I’m not very knowledgeable in css, but that sure seems to be the page, not the listing map widget itself. I’m really hoping I have better luck with you in trying to find the selector to change the width for the small map.

Sebastian May 17, 2015 at 3:18 am

Hi there,

I actually think you should delete the div#page div selector. It seems to be doing more harm than good. I disabled the styles in the selector via the Firebug CSS inspector and discovered that your map fills the width of it’s container:

Bigger map

(see how I’ve disabled the styles in the bottom right of the screenshot)

But did you want the map to be bigger still?

Cheers,
Sebastian

ps I suspect that this issue may need some attention on the Javascript side of things rather than the CSS/Microthemer side of things.

leonce153 May 18, 2015 at 3:40 am

Thanks.

You must login or register to reply to this topic.