Widget: "Un altro cursore a intervalli". Come modificare il colore della barra e del cursore

Buonasera, è possibile modificare l'aspetto del widget "Un altro cursore a intervalli"? Al momento utilizzando l'aspetto "piatta" il cursore è di colore rosso, mentre sarebbe utile poterlo avere verde (o addirittura all'inizio rossa e in crescendo verso il verde).

Grazie

Salve,

Grazie per averci contattato!

Se si riferisce al cursore di spostamento, quello che muove con il mouse per intenderci, può aggiungere il seguente codice al widget:

.irs-from, .irs-to, .irs-single {

background: #18bd5b !important;

}

Come mostrato nella seguente immagine:

Il suo modulo apparirà in questo modo:

Restiamo a disposizione per ulteriori chiarimenti.

Saluti

Grazie, non si può modificare anche il colore della barra rossa?

Modificare il colore della barra è un po' più complesso perché in realtà si tratta di un'immagine che viene utilizzata per formare la barra. Perciò dovrebbe andare ad editare l'immagine con qualche software di grafica in grado di lavorare con le transparenze, tipo Photoshop.

Ora vedo se riesco a preparare un esempio, poi la aggiornerò.

Saluti

Nel mio esempio ho editato l'immagine, cambiando il colore da rosso a verde:

Aggiungendo al widget le seguenti linee di codice:

.irs-from, .irs-to, .irs-single {background: #129e51 !important;}.irs-from:after, .irs-to:after, .irs-single:after {border-top-color: #129e51 !important;}.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {  background-image: url(https://i.imgur.com/u08M3Wt.png) !important;    background-repeat: repeat-x !important;}

Il suo modulo apparirà in questo modo:

Restiamo a disposizione per qualsiasi ulteriore chiarimento.

Saluti

Perfetto grazie mille