• Resolved matiwbiegu

    (@matiwbiegu)


    I would like to change colours for 3 buttons:
    – Place the order
    – Next (during checkout)
    – Pay and buy at the end of checkout

    I have an issue with “Next” button. My change in Custom CSS causes that this button’s color is set randomly. Once as main theme colour, once my selected one. There is my code. I would appreciate any hint.

    .button#place_order.button {
        background-color: #42b72a;
    }
    
    .button#place_order.button:hover {
        background-color: #2f821e;
    }
    
    .button.next {
        background-color: #42b72a;
    }
    
    .button.next:hover {
        background-color: #2f821e;
    }
    
    .checkout-button.button {
        background-color: #42b72a;
    }
    
    .checkout-button.button:hover {
        background-color: #2f821e;
    }
    

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Amit Singh

    (@apprimit)

    Hello,

    Try to use the below code and check it works or not –

    #checkout-wrapper #form_actions .buttons input.next {
        background-color: #e60606;
    }
    Thread Starter matiwbiegu

    (@matiwbiegu)

    #checkout-wrapper #form_actions .buttons input.next {
    background-color: #2f821e;
    }

    #checkout-wrapper #form_actions .buttons input.next:hover {
    background-color: #42b72a;
    }
    That works, thanks!

    Amit Singh

    (@apprimit)

    Glad to hear that the issue has been fixed!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change “next” button’ is closed to new replies.