No margin between maps and the footer

[CarlavandenOuweland]

Hi,

We want Google maps, no margin between maps and the footer.
X-theme pro + WP bakery.
See attachement.

Carla

[christopher]

Hi Carla,

As you have more than one license we appreciate it if you give us the exact URL of the page that you are talking about. This will help us to check the page on the live website and be able to help you.

The problem that you are experiencing is part of the WPBakery elements feature. By default, there is a gap between the elements, and the gap below the Google map is what any other WPBakery widget will have as a unified padding/margin.

You can override that by going to the extra options of the widget that you use.

We suggest that you read the spacing documentation of the WP Bakery to get familiar with the options:

Paddings, Margins, Borders, Radius - Visual Composer Website Builder

It is possible but not recommended to remove the spacing using CSS by adding the CSS code below to X > Theme Options > CSS:

.wpb_gmaps_widget {
    margin-bottom: 0;
}

.wpb_gmaps_widget .wpb_wrapper {
    padding-bottom: 0;
}

Thank you.

[CarlavandenOuweland]

Hi Christopher,

Thanks for the documentation of the WP Bakery options, it works perfect.

Carla

[rubin]

Glad to hear! Feel free to open a new topic if you have any additional questions.