Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 26, 2023 at 4:01 pm #1405712
    ThorstenFB

    Hey,

    I would like to make the leaflet map grayscale. But just the map, not the markers.
    If I use the grayscale selector in ALB everything turns into grayscale.

    I would be glad, if anybody knows how this is possible?

    Thanks a lot
    Thorsten

    April 26, 2023 at 5:29 pm #1405725
    Mike

    Hey ThorstenFB,
    Please link to your map page so we can examine the elements.

    Best regards,
    Mike

    April 26, 2023 at 6:01 pm #1405728
    ThorstenFB

    Hey Mike,

    thanks a lot for your quick reply! You’ll find the link in the private content.

    Best regards,
    Thorsten

    April 27, 2023 at 1:32 am #1405756
    Mike

    Hi,
    Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .leaflet-tile-pane {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    April 27, 2023 at 4:23 pm #1405836
    ThorstenFB

    Thanks Mike! Works perfect!! Great!

    April 27, 2023 at 5:33 pm #1405844
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Leaflet grayscale’ is closed to new replies.