Return to previous page

Change Layout configuration of checkout form

This topic has 5 replies, 2 voices, and was last updated 7 years, 5 months ago ago by Rose Tyler

Carlo88

Participant

May 22, 2017 at 14:37

Hello!

I have the following request:

See the attached pic, it is a screenshot of the mobile, portrait.

The problem is that “Nome” and ” Cognome” textboxes (and the others below) are not alligned. Is it possible to have a “FULL WIDTH” (“Nome” and “Cognome”) boxes with the Shipping address section at the bottom of Personal Information?

I think that locating “Shipping information” section ON BOTTOM of Personal Information section could be better, because personal infos would have more space and exploit the 12 columns of the bootstrap framework.

Is it possible to do this with CSS? Because as you can see in attached pic, checkout form is not elegant and is a mess.

My Woocommerce theme is not updated, AND PLEASE DON’T UPDATE it because I tried and it broke my woocommerce email delivering system.
PLEASE DON’T UPGRADE ANY PLUGIN. IF REQUIRED, contact me FIRST.

Thanks a lot!
Carlo Ceriotti

Please, contact administrator
for this information.

#163794 Copied Theme version: 1.7.1 WooCommerce version: 2.6.14

4 Answers

Carlo88

Participant

May 22, 2017 at 14:41

Here you are the attached image:

(IN PRIVATE CONTENT)

Please, contact administrator
for this information.

#163795 Copied Theme version: 1.7.1 WooCommerce version: 2.6.14
Rose Tyler

Support staff

May 22, 2017 at 15:33
Hello,

Try to add this code in Theme Options > Styling > Custom css > Custom CSS for mobile landscape and Custom CSS for mobile:
```
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 100%;
}
```
Regards,
Rose Tyler.
#163808 Copied
Carlo88

Participant

June 1, 2017 at 10:29

Perfect! It works perfectly, thanks a lot!

Carlo 🙂

Have a nica day!

#164762 Copied

Rose Tyler

Support staff

June 1, 2017 at 10:36

Hello,

You’re welcome!

Thank you, you too)

Regards,
Rose Tyler.

#164766 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Change Layout configuration of checkout form’' has been successfully resolved, and the topic is now closed for further responses

Change Layout configuration of checkout form

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection