Support » Plugin: WooCommerce » My checkout page is all squished

  • Resolved mvakbar


    I have just installed Woocommerce and can’t get the checkout page to show properly. I can’t change my WP theme due to my other dependencies. Is there and easy way to get the format right on the checkout page?

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi mvakbar,
    use this css.These will fix your issues.
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 48%;
    margin-bottom: 20px;
    flex: 0 0 48%;
    max-width: 48%;

    also use this css
    .form-row {
    display: -ms-inherit;
    display: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    margin-right: -5px;
    margin-left: -5px;

    Thread Starter mvakbar


    My brother, you are a genius. I tried the CSS and it sure fixed my problem.

    My I ask another question please:

    1-The form by default shows my email address in the address field. Is there a way to set that to blank?
    2- The current symbol for the mandatory fields is a red start with a .. underneath it. Is there any way I can change that to just a red star?
    3- The state currently defaults to our state. Is there a way to make that blank.

    Thank you again for your invaluable advice.

    Hi mvakbar,
    This task list is completely development work. That will take few hours to solve. so this solution is not possible here.
    Hope you understand

    Thread Starter mvakbar


    Totally understand. Thank you for responding to me.

    Plugin Support Missy a11n


    Automattic Happiness Engineer

    It looks like you got this original topic resolved, so I’m going to go ahead and marked this closed. If you have any additional questions, please feel free to post a new topic.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘My checkout page is all squished’ is closed to new replies.