Docs

[Bassem]

Hi,

Is it possible to make the WooCommerce Registration & Login forms beside each other instead of being under each other?
It will be nicer.

http://holystage.org/xult/my-account/

Regards,
Bassem

[Kory]

Bassem,

We will likely work to include some additional styling for this page in a future release. For now, if you want to achieve a two column look, try placing these styles in your child theme:

#customer_login .col-1,
#customer_login .col-2 {
  float: left;
  width: 48%;
}

#customer_login .col-2 {
  margin-left: 4%;
}

#customer_login input[type="text"],
#customer_login input[type="email"],
#customer_login input[type="password"] {
  width: 100%;
}

@media (max-width: 767px) {
  #customer_login .col-1,
  #customer_login .col-2 {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

I don’t like to use IDs as CSS selectors, but in this case I want to make sure I’m not interfering with any other styles for other areas of the WooCommerce shop.

Let us know if that works for you and if you need anything else!

[Bassem]

WOW! Incredible, it worked 🙂
Thanks a lot for the fast & accurate support.

Best Regards,
Bassem

[Kory]

Not a problem at all, Bassem. 🙂

[Author]

Posts