Archived topic
Stuck in styling of Cart - Checkout Page
3 replies · Started by Ritesh on July 1, 2021
Hello There,
I tried some existing solutions (from GP Forum) to give styling to the Cart and Checkout Page
1] Cart Area: I tried this solution (https://generatepress.com/forums/topic/woocommerce-cart-enhancements-second-version/) to give the exact look shown in this solutin.
But I couldn't get the result.
- The Quantity area appearing in Vertical instead of Horizontal (Here is the Current Result: https://prnt.sc/17v6mu0)
- I want also to give a kind of the same look in the Desktop version also. E.g Explained in this Image: https://prnt.sc/17v7ah0
Ref Website is: https://the-mencare-co-6aed26.ingress-earth.easywp.com/
Ritesh Sharma
Hi Ritesh,
That is a user-shared solution so we can't really provide help here.
I'll try my best to point you in the right direction below.
.quantity.buttons-added {
display: flex;
}
.woocommerce-cart-form {
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
.woocommerce table.shop_table th {
background-color: #ffffff;
}Please note that custom styling/solutions for WooCommerce are not within our support scope here:
https://generatepress.com/what-support-includes/
Thanks for your understanding :)
Thanks, Leo,
I understand your limitation with Woo-Support.
Well your CSS is working fine in Mobile View, but it is not working in Desktop view (https://prnt.sc/17z9kbb)
Let me if could help, otherwise, we can close this ticket, as the support does not belong to GP.
Thanks
Ritesh
Just checked the site and can't see any obvious issues on mobile.
You might need to add some mobile-specific CSS in that case:
https://docs.generatepress.com/article/responsive-display/
