Style My Account / User Registration Page to Look Like Store Front Theme

[USAT009]

My account - USAT (usatcorp.com)

Due to some major bot attacks, and some regular non B2B orders being placed, we had to add the user registration to our site. But it just looks terrible within X theme without any styling.

The remember me button was always way too close to the associated check box.

And I just want it split 50 50 on desktop and then it can be full width on mobile like in the native WooCommerce store front theme layout.

http://woocommerce.addifypro.com/user_registration/my-account/

Please advise.

[christian]

Hey Jesse,

Thank you for your feedback. I’ll post your concern as a request to split the user registration into 2 columns as that is a major difference that I see. Because the style of the form goes with the design of the stack, the rest of the styling should be done by you or your developer using custom CSS.

Add the following code in Theme Options > CSS to split the columns.

.u-columns [class*="col"] {
    width: 48%;
    float: left;
    margin: 0 1%;
}

Hope that helps.

[USAT009]

That works for now

[ruenel]

Great! It is good to know that.
If you need anything else we can help you with, don’t hesitate to open another thread.