Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 12, 2018 at 12:16 pm #911057
    frodolini

    I’m managing a couple of WooCommerce sites using the included Enfold theme and cant for the life of me figure out how to center the billing text checkout fields. The margin/padding on the right side appears to be twice as wide as the left side. Any quick fix for this?

    February 12, 2018 at 2:49 pm #911118
    Mike

    Hey frodolini,
    Please include the url to the page in question so we can take a closer look. On my localhost the default setup is two columns:
    2018-02-12_074719

    Best regards,
    Mike

    February 12, 2018 at 3:06 pm #911120
    frodolini

    Hey,

    I looks like the issue is also present on the enfold demo page https://kriesi.at/themes/enfold-shop/checkout/

    Screenshot from my page:
    example

    February 12, 2018 at 8:41 pm #911324
    Basilis

    Hi,

    I am afraid that we do not understand the issue exactly.
    What is not ” centered ” can u help us understand that?

    Best regards,
    Basilis

    February 12, 2018 at 9:48 pm #911390
    frodolini

    Hey,

    I mean the margins on the side. I would like the margin on the right side to be identical to the left side.

    example

    February 13, 2018 at 2:35 am #911454
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top .col2-set .col-1, .responsive #top .col2-set .col-2, .responsive .cart-collaterals .shipping_calculator {
    width: 100%!important; 
}
}

    Best regards,
    Mike

    February 13, 2018 at 12:07 pm #911651
    frodolini

    Perfect! Thanks

    February 13, 2018 at 1:04 pm #911675
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘WooCommerce checkout text fields not centered in mobile view’ is closed to new replies.