Checkout Page

Hi Team,

I wanted to know if there is any way we can make the checkout page more wider because it looks like its squeezed in content.. even though I haven’t put sidebars or anything. Can you please advise if there is a css or something I need to? I also attached a image of my screen to show you as reference.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (min-width: 1025px){
.woocommerce-checkout .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
}
}
@media (min-width: 769px){
.woocommerce-checkout .col-md-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100;
    max-width: 100%;
}
}

Best Regards

Sorry I meant the order complete page as shown in my image attached.. please reference to the image. However, I did test your css code and worked but I rather keep it the same way it is normally just want to increase the width on the completed order page? Is that possible?

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woocommerce-order {
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
}

Best Regards

Thank you for your quick response and it worked 🙂 Also, anyway I can have the blue button text say CLICK TO DOWNLOAD instead of the file name? or if you have any suggestions on where I can put that text so consumers don’t get confused. I had some buyers commenting on the confusion lol

Hello,

You can rewrite all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you rewrite your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

Best Regards

[Author]

Posts