Docs

[mynemesis]

hi support,

please see attached

is it possible to style the checkout page as show in the attached picture within X?

If yes, could you please help me with the code?

If no, could you please recommend a plugin that i could be able to style the cart.

I have tried the one-page checkout plugin but it only allowed me to add/remove/change the text or text field but it does not allow me to move/arranging these fields boxes around.

thank you support

[Rue Nel]

Hello There,

Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[mynemesis]

This reply has been marked as private.

[Nico]

Hi There,

I could not be able to check the checkout page due to that there is no product available.

Would you mind adding your product and we’ll do our best to help you with the checkout page.

Thanks.

[mynemesis]

hi support,

I have now added a product

http://brandcastmedia.com.au/product/agent-website/

thank you so much

[Paul R]

Hi,

To make your checkout page 2 columns.

You can add this under Custom > Edit Global CSS in the Customizer.

.woocommerce-checkout .wc_checkout_add_ons {
   float:left;
}

Hope that helps.

[mynemesis]

thanks Paul

i added the line the check out page still out of wack (see attached)

Is there anyway to bring the order information up?

here is the code i have so far

/* ———————
WOOCOMMERCE
——————— */
body .woocommerce .col2-set .col-1{width:100%;}
.woocommerce-billing-fields h3{margin-top:40px;}
.woocommerce .col2-set, .woocommerce-page .col2-set{width:48%;float:left;}
#order_review_heading, .woocommerce #order_review, .woocommerce-page #order_review{float:left;width:48%;margin-left:2%;}
.woocommerce-checkout .wc_checkout_add_ons {
float:left;
}
}

[Christopher]

Hi there,

Please add this code as well :

@media (min-width:993px){
h3#order_review_heading {
    margin-top: 0;
}
div#wc_checkout_add_ons, div#order_review {
    float: right;
}
}

Hope it helps.

[mynemesis]

thanks Christopher

still has not change

would you want to login with the credentials and give it and give it ago? I may have other code in there that cause the page crap itself 🙂

[Christopher]

Hi there,

There was a missing curly bracket, I went ahead and fixed it.

Hope it helps.

[mynemesis]

oh thank you so much Christopher and thank you to the x team… you guys really work as one great unit!

[Paul R]

You’re welcome and thank you for your kind words. 🙂

[Author]

Posts