White space under Google map – Themeco Community

White space under Google map

Hewitt W — Mon, 23 Feb 2015 08:44:02 +0000

I’ve added the bundled Google Map at the bottom of this Home page…http://yogazone.co.za/new_site/ , I’m running the latest version of WP and a brand new copy of Theme X, but can’t figure out how to get the white space underneath the map to sit flush with the orange footer.

Any help will be much appreciated!

Thanks
Hewitt

Reply To: White space under Google map

Senthil — Mon, 23 Feb 2015 10:59:41 +0000

Hi There,

Thanks for writing in!
I’m sorry to hear that you’re having this issue.

Please add the following CSS in your Appearance > Customize > Custom > CSS and it will remove the white space below the map.

.x-map {
	margin-bottom: 0 !important;
}

Hope it helps, thanks.

Reply To: White space under Google map

Hewitt W — Mon, 23 Feb 2015 12:09:38 +0000

Legend!!!Thanks dude!
Really appreciate the help and quick response.

Kind regards
Hewitt

Reply To: White space under Google map

Senthil — Mon, 23 Feb 2015 12:56:28 +0000

You’re most welcome Hewitt! Cheers 🙂

Reply To: White space under Google map

emilybrearey — Wed, 08 Jul 2015 23:12:52 +0000

I have the same problem with a gap between my map and my footer where the background image shows through, but when I enter the code above, the gap seems to get a little smaller but does not disappear. How can I make it flush with the footer?

Thank you,
Emily

Reply To: White space under Google map

Rad — Thu, 09 Jul 2015 01:19:15 +0000

Hi Emily,

Would you mind providing the site’s url that has this issue?

Thanks!

Reply To: White space under Google map

emilybrearey — Thu, 09 Jul 2015 13:11:59 +0000

This reply has been marked as private.

Reply To: White space under Google map

Rupok — Thu, 09 Jul 2015 14:48:05 +0000

Hi There,
Upon checking your website I can see you have set 45px padding for #x-section-8. Please set padding-bottom: 0 for that.

If you can’t figure it out then alternatively you can add the following code –

.home #x-section-8 {
  padding-bottom:0!important;
}

Also add the following code –

.x-map {
  margin-bottom: 0!important;
}

Hope this helps!

Cheers!

Reply To: White space under Google map

emilybrearey — Thu, 09 Jul 2015 22:42:48 +0000

THANKS!

Reply To: White space under Google map

Nabeel A — Thu, 09 Jul 2015 23:38:52 +0000

You’re most welcome 🙂