Billing page columns (woocommerce)

Resolved Vanessa
(@nessayin)

5 years, 8 months ago

Hello, I’d like some help reconfiguring the columns on the billing page. Under ‘billing details’, all the rows are sitting under the first column and the second column is empty except for one box.

How can I make the page look more even?

(You’ll need to add a product to your cart first: http://www.riverandcolour.co/shop)

Thanks again!

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

gdandrija
(@gdandrija)

5 years, 8 months ago
Hi @nessayin,

Andrija here once again, I hope you are doing great,

You may use this code for a cleaner appearance:
```
.woocommerce-checkout .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { 
   float: left; 
   width: 100%; 
}

.woocommerce-checkout .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 100%;
}
```
Let me know if this helps, have a nice day,
Andrija
Thread Starter Vanessa
(@nessayin)

5 years, 8 months ago

Yes, thank you! That worked well.

Is there a way to reduce the size of the boxes, text or the space between the fill in boxes? It just takes up a lot of space on the page.

Thanks!
gdandrija
(@gdandrija)

5 years, 8 months ago
Hi @nessayin,

I’m glad to hear that worked out well.

Sure, here is the code:
```
.woocommerce-checkout .woocommerce form .form-row {
    margin: 0;
}

.woocommerce-checkout .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    font-size: 14px;
    line-height: 1;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    line-height: 1;
}
```
Feel free to adjust the values per your needs.

Have a wonderful day,
Andrija
- This reply was modified 5 years, 8 months ago by gdandrija. Reason: a slight adjustment to code
Thread Starter Vanessa
(@nessayin)

5 years, 8 months ago

Hi Andrija,

That works well! Thanks again for all your help! Much appreciated.

Have a great day!

gdandrija
(@gdandrija)

5 years, 8 months ago

It was my pleasure to assist you once again @nessayin,

Have a nice day,
Andrija

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Billing page columns (woocommerce)’ is closed to new replies.

Tags