Styling Store Locator content

New home Forums Pro Add-on General queries Styling Store Locator content

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #23574

    Hi , I have a question that I realize may seem really dumb to anyone who knows the 1st thing about CSS but I don’t so here goes.

    I have a nice fullwidth map on my site but the store locator elements are now right off to the left, so I’d like to style them to either be centered or have some padding. But if i put the CSS in the Custom CSS section, nothing happens.

    This is the code I currently have:

    <div class=”wpgmza_sl_main_div” style=”
    padding-left: 30%;
    border-left-width: 10%‒;
    padding-top: 2%;

    Any ideas on what I’m doing wrong?

    You must be logged in to view attached files.

    Hi there,

    Thank you so much for your time on this one.

    Could I ask you to send me a link to your site? I will then provide you with some custom CSS which will resolve this issue for you.

    I hope this will help?


    Hi Dylan, sorry for the late reply, I have been trying without success to move the site to a new host and wanted to wait until then until I replied.

    The site is at

    Thank you!


    Hi again,

    Not a problem at all, I completely understand.

    Please try adding the following custom CSS to your site:

    .wpgmza_sl_main_div {
        max-width: 25%;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;

    This can be added by clicking on Maps -> Settings -> Advanced -> And adding it to the custom CSS box.

    I hope this helps?


    Thanks a million Dylan!


    My pleasure, happy to help! 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.