CSS
.elevation-waypoint-icon.blue:before {
background: url(/wp-content/uploads/icons/marker-icon-blue.png) no-repeat 50%/contain;
}
.elevation-waypoint-icon.gold:before {
background: url(/wp-content/uploads/icons/marker-gold.png) no-repeat 50%/contain;
}
.elevation-waypoint-icon.green:before {
background: url(/wp-content/uploads/icons/marker-icon-green.png) no-repeat 50%/contain;
}
.elevation-waypoint-icon.red:before {
background: url(/wp-content/uploads/icons/marker-icon-red.png) no-repeat 50%/contain;
}
Symbols in gpx file
<sym>blue</sym>
<sym>gold</sym>
<sym>green</sym>
<sym>red</sym>