Elevation graph layout

  • Resolved ellocosolo

    (@ellocosolo)


    1 year, 3 months ago

    Hi Joe,

    I can (almost) promise that this is my last question to you for a while. It’s again something regarding the layout. This time the graph elevation. How can I customize the colors of it :

    • x and y axis and numbering (m and km)
    • x and y grid
    • background (a grey that I cannot find in my WP styles on mine)

    I tried to fiddle with leaflet-elevation.css in the plugin editor, but to no avail… But as you already know, I’m quite a newbie ??

    Thanks again for your excellent support ??

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Joe

    (@morehawes)

    Hi @ellocosolo,

    I hope thw following CSS helps:

    <meta http-equiv="content-type" content="text/html; charset=utf-8"></meta>div.waymark-container .elevation-control.elevation .axis text {
  fill: red !important;
}
div.waymark-container .elevation-control.elevation .axis path,
div.waymark-container .elevation-control.elevation .axis line {
  stroke: green !important;
}
div.waymark-container .elevation-control.elevation .grid .tick line {
  stroke: blue !important;
}
div.waymark-container .elevation-control.elevation .background {
  background-color: pink !important;
}
div.waymark-container .waymark-elevation .elevation-control.elevation .area {
  fill: purple !important
}

    I have also created an example here.

    Cheers,

    Joe

    Thread Starter ellocosolo

    (@ellocosolo)

    Hello Joe,

    It’s exactly what I needed, and I apologize for being so bad at reading your documentation ??

    Many thanks for the support !

    Plugin Author Joe

    (@morehawes)

    @ellocosolo,

    I apologize for being so bad at reading your documentation ??

    I actually didn’t know how to do this myself, so you asking ended up improving the documentation! ??

    Thanks,

    Joe

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Elevation graph layout’ is closed to new replies.

Tags