Docs

[twinkie]

A login page, among other checkout-related pages, could be split into more organized 2 columns (that would collapse on mobile) and look more presentable.

Here is what I mean:

[Friech]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

Cheers!

[twinkie]

This reply has been marked as private.

[Lely]

Hello There,

Did you just add shortcode to achieve this? Please try adding the following custom CSS on Appearance > Customize > Custom > Edit Global CSS:

div#customer_login {
    width: 50%;
}

Would you mind providing us with login credentials so we can take a closer look on your setup? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[twinkie]

Well, yes, that’s how woocommerce does it.
MyAccount page is nothing but:

[woocommerce_my_account]

shortcode in page.

It’s just in X it displays in a funky way.

[Jade]

Hi there,

Kindly provide us with your admin details so that we could check this further.

Thank you.

[twinkie]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the details. Please know that that is the default Woo Login Form in X. You can view the demo here: http://demo.theme.co/shop-integrity/my-account/

If you want to make a two columns, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width: 980px){
  #customer_login .col-1,
  #customer_login .col-2{
    width: 48%;
    float: left;
    margin-right: 4%;
  }

  #customer_login .col-2{
    margin-right: 0 !important;
  }
}

http://prntscr.com/c7l6bx

Hope this helps.

[Author]

Posts