Is it possible to customize the output of the map a little

Is it possible to customize the output of the map a little more.

For instance, remove the marker and address shown in the "footer". I know I can hide it with CSS and applying a display:none; to it, but wasn't sure if there's a better way.

Also, my site's theme has specific elements that have a border-radius. Is there a way to add a border-radius to the map itself? I tried to add it to the various divs but was unsuccessful.

TIA

  • Ash

    Hello there

    I hope you are well today and thanks for asking the question.

    For removing footer marker, you can edit any map, then map options and uncheck the "show marker list". Check screenshot.

    To remove the marker from map, your css is the good solution :slight_smile:

    For border-radius, I can't find a way to make it rounded! What you can do, set four rounded image with absolute position in four corner, may be?

    Please let me know if it is helpful and feel free to ask more question if you have.

  • Ash

    So, the code for border-radius would be following:

    Use the following code in the editor:

    <div id="map-wrap">
        <div id="r1"></div>
        <div id="r2"></div>
        <div id="r3"></div>
        <div id="r4"></div>
        <div id="map_content">
            [map id="1"]
        </div>
    </div>

    And then add the following lines in your stylesheet:

    #map-wrap{
        position: relative;
    }
    #r1{
        position: absolute;
        top: 0;
        left: 0;
        background: url(images/top-left.png) no-repeat;
        z-index: 100;
    }
    #r2{
        position: absolute;
        top: 0;
        right: 0;
        background: url(images/top-right.png) no-repeat;
        z-index: 101;
    }
    #r3{
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(images/bottom-left.png) no-repeat;
        z-index: 102;
    }
    #r4{
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(images/bottom-right.png) no-repeat;
        z-index: 103;
    }
    #map_content{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

    Now, if you background color code is #fff you need to create four images with that color and that will be rounded.

    Please let me know if it is helpful and feel free to ask more question if you have.

    Cheers
    Ash

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.