Formatting Woo-Commerce Registration form / PRO

[ULinn]

Hi there,
if I activate “registration on my yccount site” in Woo-Commerce, I see the login on top an the registration-form below. In the css I see, that there could be two columns, as the login has a
div class="u-column1 col-1" and the registration has a div class="u-column2 col-2"
How can I get this displayed in two columns using pro (responsive)?
Best regards
Uli

[nabeel]

Hi Uli,

Thank you for reaching out to us. You can do this by adding the following code in the Theme Options > CSS:

@media screen and (min-width: 768px) {
  #customer_login {
    display: flex;
  }
  #customer_login > div {
    padding: 0 10px;;
  }
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[ULinn]

Hi nabeel,

thank you for your help, works perfect!

It would be great to have these things working “out of the box”, without the need of manual adapting .css and the risk of problems after the next update.

Best regards

Uli

[friech]

We certainly appreciate the feedback,

Thanks,