Navigation
Archive / White space under Google map
This is archived content. Visit our new forum.
1 2
  • Author
    Posts
  • February 23, 2015 at 2:44 am #212732

    Hewitt W
    Participant

    Hi

    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

    February 23, 2015 at 4:59 am #212805

    Senthil
    Member

    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.

    February 23, 2015 at 6:09 am #212854

    Hewitt W
    Participant

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

    Kind regards
    Hewitt

    February 23, 2015 at 6:56 am #212891

    Senthil
    Member

    You’re most welcome Hewitt! Cheers 🙂

    July 8, 2015 at 6:12 pm #324896

    emilybrearey
    Participant

    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

    July 8, 2015 at 8:19 pm #324962

    Rad
    Moderator

    Hi Emily,

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

    Thanks!

    July 9, 2015 at 8:11 am #325576

    emilybrearey
    Participant
    This reply has been marked as private.
    July 9, 2015 at 9:48 am #325653

    Rupok
    Member

    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!

    July 9, 2015 at 5:42 pm #326089

    emilybrearey
    Participant

    THANKS!

    July 9, 2015 at 6:38 pm #326132

    Nabeel A
    Moderator

    You’re most welcome 🙂

    March 9, 2016 at 5:49 pm #831166

    Sue@Masterplan
    Participant
    This reply has been marked as private.
    March 9, 2016 at 9:20 pm #831392

    John Ezra
    Member

    Hi @suemasterplan,

    Thanks for writing in! Please provide us with your Login credentials via Private Reply as we cannot see your site due to a coming soon page. Thanks!

    March 14, 2016 at 8:35 pm #837831

    Sue@Masterplan
    Participant
    This reply has been marked as private.
    March 14, 2016 at 10:35 pm #837977

    John Ezra
    Member

    Hi there,

    Thanks for updating the thread! That area below the map is the footer widget area. To turn it off, go to your customizer.

    Appearance > Customize > Footer > Footer Widget Areas >> Set to “None(Disabled)“.

    Hope this helps – thanks!

    March 15, 2016 at 12:44 am #838079

    Sue@Masterplan
    Participant

    Yeah that helped! Cheers!

    Didn’t think it was in this menu since I knew I already switched off the bottom footer there!

  • Author
    Posts
1 2