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
    Posts
  • #23574
    righardkapp
    Member

    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?

    Attachments:
    You must be logged in to view attached files.
    #23603
    Dylan
    Moderator

    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?

    #23985
    righardkapp
    Member

    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 http://www.jumbostores.co.za/

    Thank you!

    #23991
    Dylan
    Moderator

    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?

    #23992
    righardkapp
    Member

    Thanks a million Dylan!

    #23993
    Dylan
    Moderator

    My pleasure, happy to help! 🙂

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