Reply 338900 to: Editing The Top Section For The Cart Page
Tony Rodriguez
Support staff
November 19, 2022 at 10:35
Hello, @TFS,
1. 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://ibb.co/61Vssc9
.cart-checkout-nav .active:before {
color: green !important;
background-color: yellow !important;
}
2. 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://ibb.co/37j2xqg
.cart-checkout-nav a {
color: red !important;
}
3. 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://ibb.co/9vSc7Mm
.woocommerce-cart.special-cart-breadcrumbs.woocommerce-cart .woocommerce-message:first-child {
background-color: red !important;
}
4. 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://ibb.co/CnFGfrW
.woocommerce-cart .cart-empty.empty-cart-block h1 {
color: red !important;
}
.woocommerce-cart .cart-empty.empty-cart-block p {
color: green !important;
}
.woocommerce-cart .cart-empty.empty-cart-block a.btn.black.wp-element-button {
background-color: orange !important;
}
5. Unfortunately, this is not possible to change the color using the Custom CSS so this requires extra Customization.
6. 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://ibb.co/gy72KNk
.woocommerce-cart table.cart .product-details .product-title:hover {
color: green !important;
}
8. 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://ibb.co/h276Nfj
.woocommerce-cart .actions.clearfix input.btn.wp-element-button:hover {
background-color: green !important;
}
9. Do you want to change the color of that button OR the button hover background color?
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: https://ibb.co/N9YCm43
11. Do you want to change the color of that button OR the button hover background color?
12. In order to solve your issue Simply navigate to Dashboard >> Static Blocks >> All Static Block >> Edit the Cart page block. See the image for a better reference: https://ibb.co/s5ts91X and edit it as per your requirements: https://ibb.co/Ns92WB5
