Archived topic
WooCommerce checkout page query
9 replies · Started by David on May 5, 2021
Hi everyone,
I have copied a clients site to a temp location to make some changes.
I noticed that the Cart and Checkout pages had the title left aligned with no padding, so I created a layout in elements to fix that.
All good
But shortly after that the checkout page has changed - previously the Billing Details were in the left column and the Delivery details (normally titled "Ship to a different address?") was in the right column.
Now they are both in one left column and the Your Details is on the right column which was not there before.
Not sure if it is the elements that changed this, I turned it off for checkout, but the layout remained the same!
TIA, Dave
ps - you will need to purchase something to get to the checkout page.
Hi there,
I think the issue here is with your page builder settings.
Your dev site was set to full width, generating this css.
.fl-builder.no-sidebar .container.grid-container {
max-width: 100%;
}The live site doesn't have this at all so it adheres with the container width set on it.
Thanks Elvin,
So when I make the changes to the live site, what is the best way for me to fix the cart and checkout pages so the titles are not left aligned with no padding ?
I did notice that GP premium is not installed on the live site yet!
Also on my dev site, I have turned off the Element that sets the cart and checkout pages to full width, and the layout is still showing the Billing and Shipping sections in one left column and the shopping cart on the right - so not sure what is causing that layout ?
Regards, Dave
So when I make the changes to the live site, what is the best way for me to fix the cart and checkout pages so the titles are not left aligned with no padding ?
I'd remove any Layout Element and let the default Content container width and content padding set on Appearance > Customize > Layout > Container set things.
Was there any reason why the checkout page and cart page had to be set to Full-width?
Thanks Elvin, I have already removed the element that I had for testing on the development site, but the layout didn't go back to how it was - perhaps it is something else I have done ?
I don't need the checkout and cart pages full width, I just don't want the titles to be left aligned with no padding!
Thanks, Dave
I think it's the page builder adding things.
Your sites have these classes: https://share.getcloudapp.com/jkuLjbJe
These aren't normal theme classes. It's added by the page builder.
I'm not exactly sure how you remove them from the page builder plugin you're using. Consider contacting it's support on how to do that. :D
OK thanks, I'll work it out, or as you say, contact BB support
Thanks for getting back...
Dave
No problem.
Note: While the easy way out is overriding things with custom CSS like this-
header.entry-header {
max-width: 1100px;
margin: 0 auto;
}
h1.entry-title {
padding: 0 40px;
}I don't think it's good practice when things shouldn't even work like this in the first place. :D
OK thanks, that might be at least a temp solution!
Dave
No problem. :D
