Multi-step background and Number/Icon text color

Here’s some CSS you may use to change the color of a form’s steps.
image

.form-navigation-pages ul li.active:after, .form-navigation-pages ul li.active>.p-step, .form-navigation-pages ul li:hover:after, .form-navigation-pages ul li:hover>.p-step {
    background-color: #1de9b6; /* Background Color */
    color: #b71c1c; /* Number/Icon Color */
}

You may change #1de9b6 and #b71c1c to any HEX value

3 Likes