• Resolved Pat

    (@patrickhaond)


    Hi there.

    Is there a way to have a bigger search option or a search bar out of the map ?
    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Pat

    (@patrickhaond)

    up…

    Plugin Author Camille V

    (@socrapop)

    Hello there,

    The searchbar is a leaflet plugin named Leaflet Search https://github.com/stefanocudini/leaflet-search

    It is set as is in Travelers map.

    You could add some CSS if you want to make it bigger, but you can’t set it outside the map.

    Example of CSS to add to your site (ou can tweak the values if you want)

    .travelersmap-container .leaflet-control-search .search-input {
    height:33px; //add height to the searchbar
    padding:0 50px 0 11px; // change inside margins of input field (top right bottom left values)
    }
    .travelersmap-container .leaflet-control-search .search-button {
    margin-top: 6px; // center the search icon vertically
    }

    Thread Starter Pat

    (@patrickhaond)

    Thank you for your help.
    I used my own CSS to customize the best I can!

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