Home › Forums › WoodMart support forum › Shopping Cart Widget › Reply To: Shopping Cart Widget
Aizaz Imtiaz Awan
Hello,
1- Sorry to say but there isn’t an option available to change the Shopping Cart text. So, you can try using the Loco Translate plugin to change the text of it. Here is the guide to that: https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/
2- Following is the CSS selector for the Shopping Cart title:
.cart-widget-side.wd-side-hidden.wd-right.wd-opened .wd-heading .title
You can try using that under the Advanced Typography to change the styling of it.
3- For the Subtotal, following is the Custom selector:
.shopping-cart-widget-footer .woocommerce-mini-cart__total strong
For the Price, following is the Custom selector:
.woocommerce-mini-cart__total .woocommerce-Price-amount
4- To remove or hide the Cart Icon inside the Cart widget showing when it’s empty, please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:
.cart-widget-side .wd-empty-mini-cart:before {
display: none !important;
}
5- To make the Shopping Cart widget width increase to your choice, please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:
.cart-widget-side.wd-side-hidden.wd-right.wd-opened {
width: 100% !important;
}
Now, in this CSS you can change the value of width according to your choice. Also, the same CSS you can apply on Tablet and Mobile CSS areas too, to make changes for their respective viewports too by changing the value of the width.
6- To make the Return to Shop button take full width, please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:
.wd-empty-mini-cart .btn {
width: 100% !important;
}
Hope we have addressed all your points!
Best Regards