Billing page columns (woocommerce)

  • Resolved Vanessa

    (@nessayin)


    4 years, 3 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: https://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)

  • 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)

    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!

    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 4 years, 3 months ago by gdandrija. Reason: a slight adjustment to code
    Thread Starter Vanessa

    (@nessayin)

    Hi Andrija,

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

    Have a great day!

    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.