Okay
  Public Ticket #2193121
Shop Button Colour
Closed

Comments

  •  1
    helenthegreengables started the conversation
    October 23, 2019 at 8:51am

    Hi 

    I can't work out how/where I go to change the button colours in Checkout? The buttons are black. 

    Thanks

    Helen 

  • [deleted] replied
    October 24, 2019 at 7:30am

    Hi Helen,

    Can you please add the code below to your Custom CSS area:

    .button {
    background-color: red;
}
.button:hover {
    background-color: green;
}

    Then change those colors to your preference colors.

    Have a nice day!

  •  1
    helenthegreengables replied
    October 24, 2019 at 12:54pm

    Thank you for that, I just test that out using the colours you gave but I couldn't see where the green is applied? 

    Also the 'Proceed to Checkout' button and the cart icon showing number of items in basket is black still.

    Can you help?

    Thanks

  •  1
    helenthegreengables replied
    October 24, 2019 at 1:05pm

    Sorry I see the green now but if you could tell me how to change the other button colours that would be great

  • [deleted] replied
    October 25, 2019 at 8:00am

    Hi Helen,

    Nice to hear thatsmile.png

    As for your last question:

    Can you please add the code below to your Custom CSS area:

    .btn-primary, .checkout-button {
    background-color: red !important;
}
.btn-primary:hover, .checkout-button:hover {
    background-color: green !important;
}
.menu-cart-icon-container.menu-skin-dark .cart-icon-link .items-count {
    background-color: green;
}

    Have a nice day!

  •  1
    helenthegreengables replied
    October 25, 2019 at 12:48pm

    Hi 

    Thank you for this- the basket number icon is still black though? I've attached a picture. 

    Thanks

    Helen 

  • [deleted] replied
    November 1, 2019 at 10:09am

    Hi Helen,

    That black dot takes the link-color of your skin but If you want to change just that dot only, then please add the code below to your Custom CSS area:

    .menu-cart-icon-container.menu-skin-dark .cart-icon-link .items-count {
    background-color: #ff4f40 !important;
}

    Have a nice day!