Margin on span12 GMap

[dp]

Hi,

we have problems with a 1/1 gmap element (not full width), which isn’t surrounded by a .row element. This causes an unintended margin. If the element is only 3/4 width, the .row is rendered.
This seems also to apply on revslider carousels.

Seems to be the $width != "span12" check in WPBakeryShortCode_VC_Video or/and WPBakeryShortCode_portfolio_carousel.

Thanks in advance

[Melanie – SUPPORT]

Hi, I will ask another support staff to check that out as I’m not sure about the problem. Can you show us your website maybe?

[dp]

This reply has been marked as private.

[Tahir – SUPPORT]

Hi,

Sorry but without a live link i cannot Inspect element and see what css is making it look like this.

Thanks
Tahir

[dp]

Hi

but i can’t give it to you yet.

The testcase is rather simple: place two gmap components on a page, one with 1/1 width and 3/4 width the other.

As far as I can tell the margin comes from the bootstrap .span12 class which is nullified by a surrounded .row element. The attached html screen shows, that the .row element is rendered correctly for the 3/4 element width (span9), but not on the 1/1 (span12). And I think its related to the mentioned WPBakeryShortCode generation above.

I’d like to attach more screens if needed.

[Melanie – SUPPORT]

You can add a margin with this custom css:

.wpb_gmaps_widget.span12 { margin: 10px!important; }

Adjust the margin according to your liking.