Navigation
Archive / Google Map margin-top and margin-bottom
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 8, 2016 at 3:02 pm #873265

    Shannon_WeSupply
    Participant

    Hi,

    I’m using the Google Map shortcode in a couple places on my site (contact page and home page). In all instances, there is extra space above and below the map (roughly 30px). See attached picture.

    I have tried changing the padding and margins.

    I have no_container=”true” attribute in my code.

    I’m not sure what else to do! Can you please help me? I’ll put my site in a private message below.

    Thank you!
    Shannon

    April 8, 2016 at 3:02 pm #873267

    Shannon_WeSupply
    Participant
    This reply has been marked as private.
    April 8, 2016 at 3:26 pm #873286

    Shannon_WeSupply
    Participant

    I think I figured it out! I added a paragraph tag around my Google Map shortcode, and then used inline styling. Like this:

    <p style="margin: 0px;">[google_map no_container="true" lat="32.759413" lng="-117.121730" zoom="10" zoom_control="true" drag="true" height="350px"][google_map_marker info="<b>WE-Supply</b> 4925 Mercury Street San Diego, CA 92111 <b>(858) 279-5800</b>" lat="32.831458" lng="-117.148042"][google_map_marker info="<b>WE-Supply </b>1636 D Avenue National City, CA 91950 <b>(619) 477-2119" lat="32.669236" lng="-117.100263"][/google_map]</p>

    Thank you. 🙂

    April 9, 2016 at 3:50 am #873891

    Christopher
    Moderator

    Glad to see that you were able to fix this.
    Thanks for sharing.

  • Author
    Posts