• Resolved toughleather2019

    (@toughleather2019)


    The current step is colored in the color I have chosen. but when I click on the next step, the last step becomes grey again and just the current step is colored. So, is there anyway to keep the color on the “last” step until the last step? So I mean when I click on “next step” the first and the second step are colored.. and so on…

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Diana Burduja

    (@diana_burduja)

    Hello,

    did you solve your issue with changing the color in the admin settings? What was the solution? What was causing it?

    You can make the previously visited steps and the current step to a specific color by adding the following CSS rules to your website:

    .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
        border: 2px solid #1e85be;
    }
    .wpmc-tabs-wrapper .wpmc-tab-item::before {
        border-bottom-color: #1e85be;
    }
    .wpmc-tabs-wrapper .wpmc-tab-item.current ~ .wpmc-tab-item .wpmc-tab-number {
        border-color: #ccc;
    }
    .wpmc-tabs-wrapper .wpmc-tab-item.current ~ .wpmc-tab-item::before {
        border-bottom-color: #ccc;
    }

    and replace the “#1e85be” string with the hex color to which you want to change.

    You can use the WP Admin -> Appearance -> Customize -> Additional CSS page to add the CSS rules.

    Thread Starter toughleather2019

    (@toughleather2019)

    thank you that goes well. I solved the other issue by picking up the color with the color pipette. But nevertheless I couldn’t put in the hexacode in the grey field..

    Thread Starter toughleather2019

    (@toughleather2019)

    I have also another question, I added the basket as sidebar to the checkout, but I dont want this on the last step because there is already an overview.

    can I do this with:

    #wpmc-next.button::after{
    …..
    }
    What should I add between..?
    Thank You!

    Plugin Author Diana Burduja

    (@diana_burduja)

    No, you cannot hide the cart in the sidebar on the last step with CSS. Please see this post for a solution.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Color Design to see progress better’ is closed to new replies.