Hi,
How can I move the product quantity and price in the cart to appear under the title?
Thank you!
And Sometimes the titles of some products are not right-aligned.
How can I make them always right-aligned?
Thankyou!
Hi,
Please try this custom css for the cart elements align: https://i.imgur.com/u8gHbWd.png
body .td_woo_menu_cart .tdw-wmc-widget .remove_from_cart_button {
left: 16px;
}
body .td_woo_menu_cart .tdw-wmc-widget .mini_cart_item a:nth-child(2) img{
right: 10px;
}
body .tdi_36 .tdw-wmc-widget .mini_cart_item a:nth-child(2), body .tdi_36 .tdw-wmc-widget .mini_cart_item .variation {
padding-left: 0;
padding-right: 46px;
}
Hi,
The results should be like in my screenshot https://i.imgur.com/8W85BvO.png
Please try the css with important:
body .td_woo_menu_cart .tdw-wmc-widget .remove_from_cart_button {
left: 16px;
}
body .td_woo_menu_cart .tdw-wmc-widget .mini_cart_item a:nth-child(2) img{
right: 10px;
}
body .tdi_36 .tdw-wmc-widget .mini_cart_item a:nth-child(2), body .tdi_36 .tdw-wmc-widget .mini_cart_item .variation {
padding-left: 0!important;
padding-right: 46px!important;
}
Hi,
Yes, that’s right. Inside the page editor it doesn’t change, but outside it does.
How can I change the position of the product quantity and price? Since the site is right-to-left, these two need to be swapped.
And how can I replace the remove item icon with a remove button text on the left side?
Thank you!
Try this css to align in the correct way the elements in the cart:
body .td_woo_menu_cart .tdw-wmc-widget .remove_from_cart_button {
left: 16px;
right: auto;
}
.td_woo_menu_cart .tdw-wmc-widget .quantity {
display: flex;
flex-direction: row-reverse;
}
Hi,
How can I replace the remove item icon with a remove button text on the left side?
Thank you!
Hi,
Unfortunately, there is no option for that, but you can use a css to add extra text, something like this:
.remove.remove_from_cart_button:before{
content: "delete ";
}
Hi,
Where can I change the font of this text?
And how can I add a few pixels of spacing between the cross icon and the text?
Thank you!
Hi,
This needs to be done on the css set with teh code :after, for example:
.remove.remove_from_cart_button:after {
content: "پاک کردن ";
font-size: 12px;
font-family: fantasy;
padding-right: 6px;
}
Thank you!
