To customize waypoints in CSS class

  • Resolved laurentl06

    (@laurentl06)


    1 year, 10 months ago

    Hi,

    First of all, congratulations for this very useful plugin for building my hiking site. In Elevation Profiles, I would like to customize my waypoints like this with DIVI builder (in the block, Parameters/Advanced/Customize CSS) :

    .elevation-waypoint-icon.waypoint-css:before {
	background: url(https://www.alpes-sud-photos.com/dev/wp-content/uploads/2023/01/localisation.png) no-repeat 50%/contain;
}

    But after the first line in this code, I have a message error “Expected RBRACE.” and after the last line, I have another message error “Unexpected token ‘}’.” I’m not a specialist in CSS coding, but there must be a few references missing in my code. Would you have a solution to this problem? Thanks for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author hupe13

    (@hupe13)

    There is a setting page in the admin interface (/wp-admin/admin.php?page=extensions-leaflet-map&tab=elevationwaypoints).

    .elevation-waypoint-icon.waypoint-css

    waypoint-css should be the name in the <sym>-tag in the gpx file. You also need any Javascript to change iconSize and more. There is an option in the admin interface.

    I don’t know DIVI builder.

    An alternative is to hide the waypoints and use leaflet-marker.

    Plugin Author hupe13

    (@hupe13)

    It must be a DIVI problem. Searching “divi css expected rbrace” I get some results. As I interpret the answers, there are several ways to enter css in DIVI, yours seems to be wrong.

    Thread Starter laurentl06

    (@laurentl06)

    Thank you for your reply. I found the solution by placing the CSS code in the text of my Code block using the <style> tag and everything works !

    Plugin Author hupe13

    (@hupe13)

    Perfect. Then I make it resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘To customize waypoints in CSS class’ is closed to new replies.