Return to previous page

How can I change the two colors button colors cart

This topic has 4 replies, 2 voices, and was last updated 4 months ago ago by Tony Rodriguez

maybendeler

Participant

August 19, 2024 at 11:18

Good day, I want to change the color of these two buttons on ht button on the side-bar cart, how can this be done?

Files is visible for topic creator and
support staff only.

#410706 Copied Theme version: 9.3.13

3 Answers
Tony Rodriguez

Support staff

August 19, 2024 at 11:44
Hello, @maybendeler,

Thank you for contacting us and for using XStore.

1. To modify the button colors, please insert the following custom CSS code in the designated section: Navigate to XStore > Theme Options > Theme Custom CSS > Global CSS.
```
.etheme-elementor-off-canvas_content .woocommerce-form-row .button {
    background-color: blue !important;
    border-color: #090a09 !important;
    color: #ffffff !important;
}

.mini-cart-buttons a {
    color: #fff !important;
    background-color: #63d913 !important;
    border-color: #000000 !important;
}

.btn-checkout, .mini-cart-buttons .btn-checkout {
    background-color: brown !important;
}
```
Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best regards,
The 8Theme Team
#410709 Copied
maybendeler

Participant

August 19, 2024 at 12:29

Thanks, however both of the buttons are changing color i want to change them seperatly

#410716 Copied

Tony Rodriguez

Support staff

August 19, 2024 at 13:30

Hello, @maybendeler,

Thank you for your response.

Should you desire to modify individual color settings, please adjust the color code in the custom CSS code according to your preferences, as previously provided by us.

We trust this information will be of assistance to you.

Best regards,
The 8Theme Team

#410721 Copied
Tagged: change button colors, customize cart button, modify woocommerce colors, woocommerce cart button, woocommerce templates, wordpress templates customization, wordpress woocommerce
Viewing 4 results - 1 through 4 (of 4 total)