Change Icon Color

  • Resolved admpt1

    (@admpt1)


    3 years, 1 month ago

    Hello,

    Excellent plugin! The theme it offers is very quick for a functional and responsive checkout, but I’m customizing it with CSS code to get closer to the site appearance, and after inspecting several elements, I didn’t find the class/id to change the color of the “check” icons of steps, it just changes the step title background color. It is possible? I m using OceanWP theme.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Diego Versiani

    (@diegoversiani)

    Hi @admpt1,

    The CSS selector you need to use to change just the check icon background for the completed substep titles is as below:

    .has-checkout-layout--multi-step.woocommerce-checkout form.woocommerce-checkout .fc-wrapper [data-step-complete] .fc-step__substep .fc-step__substep-title:before {
    background-color: transparent; /* bullet color */
    color: black; /* check icon color */
}

    Change the background-color for the circle, and the color for the check icon.

    Best,
    Diego

    Thread Starter admpt1

    (@admpt1)

    Amazing, thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change Icon Color’ is closed to new replies.