-
Hi,
How do I increase the margin of ONLY the cart + checkout page (currently it’s almost touching the edge of the page)Thanks
-
Hi there,
Can you check your cart and check out page? It looks like the blocks have been set to align wide, can you set it to align default?
-
Hi,
Thanks for your response. Can you specify where exactly to go to find this- I can’t find anything on my block editor cart page -
The auto login link seems expired. can you regenerate one so I can take some screenshots in the editor?
Let me know 🙂
-
Hi Ling,
try this link -
It redirected me to the homepage, even when I type https://your-domain.com/wp-admin in my browser, it redirected me to the homepage as well.
I don’t seem to be able to access the admin page.
-
Hi Ling
This should do it -
Hum…it’s weird; the block isn’t being set to
alignwide, but it has the class on front end, not sure if it’s been added by woocommerce or other plugins.
[removed]In this case, try this CSS:
.woocommerce-checkout .entry-content .alignwide { width: auto; margin-inline: auto; } -
Thanks Ling for your help,
The shared code is for the checkout page only. Can you kindly include the cart page, and smartphone/tablet view (not just desktop). As I checked my mobile and it is not affected.Can we also increase the margin more: make the content less wide and more centered, with more space from the edges. (if possible)
Thank you very much
-
Hi there,
Try adding this CSS instead:
div.wp-block-woocommerce-cart.alignwide, div.wp-block-woocommerce-checkout.alignwide { margin-left: unset; width: unset; max-width: unset; } -
Hi,
Thanks for your response. Have played around with it- will this work (not cause issues to website_?/* Default (mobile) */
.woocommerce-checkout .entry-content .alignwide,
.woocommerce-shop .entry-content .alignwide,
.woocommerce-cart .entry-content .alignwide {
width: 100%;
padding-left: 25px;
padding-right: 10px;
}/* Tablet specific adjustments */
@media (min-width: 768px) and (max-width: 991px) {
.woocommerce-checkout .entry-content .alignwide,
.woocommerce-shop .entry-content .alignwide,
.woocommerce-cart .entry-content .alignwide {
width: 80%;
max-width: 1000px;
margin-inline: auto;
padding-left: 30px;
padding-right: 20px;
}
}/* Desktop */
@media (min-width: 992px) {
.woocommerce-checkout .entry-content .alignwide,
.woocommerce-shop .entry-content .alignwide,
.woocommerce-cart .entry-content .alignwide {
width: 80%;
max-width: 1000px;
margin-inline: auto;
padding-inline: 20px;
}
} -
Sure, if it works for you 🙂
-
Awesome. Also, you shared a screencast which includes my personal information- can you kindly remove. Thanks very much for your help
-
Yes, you are welcome! I’ve removed the image 🙂
-
Brilliant- thanks!
-
No Problem 🙂
- You must be logged in to reply to this topic.