Account page styling? - by Olexi - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 7 years, 2 months ago ago by Rose Tyler

  • Avatar: Olexi
    Olexi
    Participant
    January 20, 2017 at 10:47

    Hi again,

    sorry for bothering you so much … but my CSS knowledge is not strong enough to solve it myself. I tried but failed.

    On our account page we have register and login. The form on the right side for registering new is missing the padding and border. So it does look different then the form on the left side.

    https://www.firstbeautyspa.at/mein-konto/

    What CSS do we need to add to make it look the same?

    Many thanks.

    7 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 20, 2017 at 19:51

    Hello,

    We are always ready to help. Feel free to ask us any questions you need!
    Use the following code

    .woocommerce-account .col2-set .col-2 {padding: 3.58em 0;}

    Regards

    Avatar: Olexi
    Olexi
    Participant
    January 20, 2017 at 22:56

    Many thanks … perfect … just found out that we have the same issue with loved in user addresses … if you register an account and then go to https://www.firstbeautyspa.at/mein-konto/edit-address/

    Many thanks

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 24, 2017 at 17:59

    Hello,

    I see. Replace that CSS by the following:

    .woocommerce-account #customer_login .col-2 {
        padding: 3.58em;
        border: 1px solid #e6e6e6;
    }

    Regards

    Avatar: Olexi
    Olexi
    Participant
    January 25, 2017 at 09:30

    Many thanks, but that did not change it?

    see a screenshot here: http://www.awesomescreenshot.com/image/2098039/366c438f6b61b83aec749c923edeba19
    The red frame is an annotation from me … not part of the website.

    it is the edit-dress page for logged in users.
    https://www.firstbeautyspa.at/mein-konto/edit-address/

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 25, 2017 at 17:21

    Hello,

    I’m sorry, I thought that you want to remove border in this area. If you want just to add the border for the first column also add the following code

    .woocommerce-account .woocommerce-MyAccount-content .col-1.woocommerce-Address {
        padding: 3.58em;
        border: 1px solid #e6e6e6;
    }

    Regards

    Avatar: Olexi
    Olexi
    Participant
    January 27, 2017 at 10:25

    many thanks 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 27, 2017 at 13:43

    Hello,

    You’re welcome!

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Account page styling?’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.