Return to previous page

How do i edit the cart dropdown on product page

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

king457

Participant

October 21, 2024 at 12:02

How do i edit the cart dropdown on product page?
https://prnt.sc/55ylYZM_5gmg

#419730 Copied

3 Answers

Tony Rodriguez

Support staff

October 21, 2024 at 13:34

Hello, @king457,

Thank you for contacting us and for using XStore.

We kindly request you to navigate to **XStore Builders > Header Builder** via Elementor. From there, please proceed to **Edit Template** and then **Edit Cart Widget**. You can adjust the off-canvas settings according to your requirements and update them accordingly.

Additionally, please read our theme documentation here:

https://www.8theme.com/documentation/xstore/xstore-features/progress-bar/

We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#419752 Copied

king457

Participant

October 21, 2024 at 15:53

I am not seeing the settings to change the background color of that checkout button

#419785 Copied
Tony Rodriguez

Support staff

October 22, 2024 at 05:31
Hello, @king457,

Thank you for your response.

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.
```
.mini-cart-buttons a {
    color: #fff !important;
    background-color: #63d913 !important;
    border-color: #000000 !important;
}

.btn-checkout, .mini-cart-buttons .btn-checkout {
    color: #ffffff  !important;
    background-color: #31aab1 !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
#419829 Copied
Viewing 4 results - 1 through 4 (of 4 total)