Return to previous page

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

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

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.

#152552 Copied

7 Answers

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

#152622 Copied

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

#152647 Copied
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
#152942 Copied
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/

#152976 Copied
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
#153036 Copied
Olexi

Participant

January 27, 2017 at 10:25

many thanks 🙂

#153217 Copied

Rose Tyler

Support staff

January 27, 2017 at 13:43

Hello,

You’re welcome!

Regards

#153241 Copied
Viewing 8 results - 1 through 8 (of 8 total)