Reply 339141 to: Editing The Top Section For The Cart Page

Avatar: Tony Rodriguez
Tony Rodriguez
Support staff
November 22, 2022 at 06:14

Hello, @TFS,

5. Ok, I have tried and created the Custom CSS fix for it, Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back your site after clearing the browser cache, you can change the color in the given code as per your requirements: https://postimg.cc/0bmTnTk7

.woocommerce-cart .et-cart-progress .et_cart-progress-bar::-webkit-progress-value{
background-color: blue !important;
}

7. Unfortunately, this is not possible without Custom Code or translation.

9. Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back your site after clearing the browser cache, you can change the color in the given code as per your requirements: https://postimg.cc/tYKxQxGL

.woocommerce-cart form.woocommerce-cart-form .actions.clearfix .col-md-6.col-sm-6.mob-center a.clear-cart.btn.bordered:hover {
    background-color: orange !important;
}

11. Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back your site after clearing the browser cache, you can change the color in the given code as per your requirements: https://postimg.cc/T5rXKFhj

.woocommerce-cart a.return-shop.button.btn.bordered.full-width:hover {
    background-color: orange !important;
}

10. Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back your site after clearing the browser cache, you can change the color in the given code as per your requirements.

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward.wp-element-button:hover {
    background-color: orange !important;
    color: red !important;
}

Regards 8Themes Team.

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.