Return to previous page

Need help customising the mini shopping cart

This topic has 5 replies, 2 voices, and was last updated 1 years, 9 months ago ago by Inesita

Inesita

Participant

February 23, 2023 at 19:43

Hi,
I would like to change the color of the dark button, increase the distance between the button and paypal and get rid (or change) the “dont miss discount…” button.
Can you helpme?

https://postimg.cc/YGcjm99g

#347842 Copied Theme version: 9.0.3 WooCommerce version: 7.4.0

4 Answers
Tony Rodriguez

Support staff

February 24, 2023 at 13:05
Hello @Inesita,

1. You can change the button color from XStore >> Theme Options >> Styling/Colors and set the Dark Button Colors from there as per your requirements. For reference, please see the attached screenshot: https://postimg.cc/ZCJ8Mjxz

2. We apologize for the inconvenience. We are unable to locate the PayPal button on our site. We have included a screenshot of the issue for your reference.
Link: https://postimg.cc/PLHvC5Vs

3. Please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS, then clear your browser cache to view the changes.
```
.woocommerce-mini-cart__footer {
display: none !important;
}
```
We hope this helps.

Best regards,
8Theme’s Team
#347892 Copied
Inesita

Participant

February 24, 2023 at 14:10

Hi Tony (again)!
As I showed you in the other open case, the button colors don’t behave as configured. Please have a look at my configuration (dark button background green and text white) and how it looks on the mini cart front end. Also on your picture, both buttons appear dark grey and in my frontend they are different in colour. Is one a “light button” and the other one a “dark button” But in any case they behave as I have configured them. Please help.

Regarding the Paypal issue, you probably don’t see it on your computer because you may not have Paypal as a paying option installed on your computer? Is there a way for me to modify the separation?

The CSS code worked perfectly!

Thanks,
Inés

#347904 Copied
Tony Rodriguez

Support staff

February 25, 2023 at 06:25
Hello @Inesita,

We have removed the Custom CSS from your site which was preventing any changes to the button in the Mini Cart. Please refer to the screenshot provided: https://postimg.cc/jCZ42LVV

1. Please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser’s cache to view the changes.
```
.et_element .mini-cart-buttons .wc-forward:not(.btn-checkout) {
background-color: #89c8c8 !important;
}
.et_element .mini-cart-buttons .wc-forward:hover:not(.btn-checkout) {
background-color: #598889 !important;
}
```
2. Please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache to view the changes.
```
.woocommerce-mini-cart__footer-wrapper p#ppc-button-minicart {
margin-top: 10px !important;
}
```
3. We are pleased to hear that our proposed solution was able to help you with your issue.

Best Regards,
8Theme’s Team
#347946 Copied
Inesita

Participant

February 28, 2023 at 17:36

You’re so great!!

#348382 Copied
Tagged: customising, help, mini, shopping cart, template, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Need help customising the mini shopping cart’' has been successfully resolved, and the topic is now closed for further responses

Need help customising the mini shopping cart

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection