Display the cart button color change


#1

Hello,

how can I change the color of the button Display the cart (ZOBRAZIT KOSIK in my language) in the drop down menu when you hover over the cart icon in upper right corner, please?

Thank you.

Regards,
Stanislav


#2

Hello there,

You can change the color of the button using this CSS code below:

.cart-mini-wrapper p.buttons a:first-child {
    background-color: grey;
    border-color: grey;
}

Put the code into Customizer > additional CSS.


#3

Hello there,

You can manage it with this CSS code:

.cart-mini-wrapper a.button.wc-forward:first-child {
  background-color: #fff000 !important;
  border-color: #fff000 !important;
  color: #ff0000 !important;
}

To apply it to your site, add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis


#4

Hey guys, thank you very much!

Please, one little adjustment, how can I center the text inside the button?

Thank you.

Regards,
Stanislav


#5

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .cart-mini-wrapper a.button.wc-forward:first-child {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

Regards,
Kharis