Webform CSS. Page indicator

Hi there:

I’m trying to change slide step indicators css color on webform.

With some js on webform definition, it seems work

$(".slide-step.active").css("border","1px solid #9ba27c")
$(".slide-step.active .slide-step-indicator").css("background-color","#9ba27c")
$(".slide-step.step-success").css("background-color","#9ba27c")
$(".slide-step.step-success").css("border","1px solid #9ba27c")

image

But after click on “Next” to move between webform pages, indicator color backs to original. I’ve tried with hooks , overriding webform_include_css , web_include_css and app_include_css . Tried too changing website theme css … but no success.

Any ideas?
Thanks in advance.

1 Like