Return to previous page

Change color and size in the side bar My Account

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

vince08

Participant

November 9, 2021 at 16:37

Hi,
I don’t succeed to change in the side bar My Account :
– the color borders of textareas
– background-color of the button “LOG In”
– size of the button text
– color of Register and the bottom border

How can I do that ?

Thanks for help.

#308032 Copied Theme version: 4.0.9 WooCommerce version: 5.8.0

11 Answers
Rose Tyler

Support staff

November 10, 2021 at 08:23
Hello,

1/ Theme Options > Styling > Inputs Border Color
2/ Add the next code in Theme Options > Theme custom CSS:
```
.login-link .button {
    background-color: red;
}
.login-link .button:hover {
    background-color: #222;
}
```
3/
```
.et_b_header-account.login-link .button, .et_b_header-account.login-link .et-facebook-login-button {
    font-size: 16px;
}
```
4/
```
.et_b-tabs .et-tab:after {
    color: red;
}
.et_b-tabs .et-tab {
    border-color: white;
}
```
Regards
#308072 Copied
vince08

Participant

November 10, 2021 at 11:57

Hi,

1 ) It’s Ok but I had to add “!important”
2) It’s Ok but I had to add “!important”
3) It’s Ok but I had to add “!important”
4) it doesn’t work and in my console navigator in style CSS tab I have two : .et_b-tabs .et-tab
Login is active by default and Register, not. I want change color of Register and border-bottom. But with the code you given me, it changes the color of active tab “Login” which don’t seem normal.

I add a new problem :
5) In the shop page, products don’t display correctly on ipad with the portrait mode.

Thanks for help.

Please contact administrator
for this information.

#308101 Copied
Rose Tyler

Support staff

November 11, 2021 at 10:42
Hello,

4/ Clear cache and check one more time – https://gyazo.com/d21a46039ed0ef3755afe6d4ab99f9fb Isn’t it correct?

Please submit new topics for new questions on the forum.
5/ Add the next code in Theme Options > Theme custom CSS > Global:
```
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .row-count-6 .product:nth-child(2n+1) {
        clear: none !important;
    }
}
```
clear cache of browser before checking the result.

Regards
#308187 Copied
vince08

Participant

November 11, 2021 at 15:42

Hi,

4) No, it’s not correct.I want to change color of the et-tab not active like it’s the case for “Register” by default. If I change the color for .et_b-tabs .et-tab and .et_b-tabs .et-tab:after, it changes the color of Login which is active by default. I cleared cache and try on different navigators but i’s not good.
I change the color of active et-tab with white. Yellow was for test .

Yes, ok for new topics in the future.

5) It’s good, wonderful. Thanks.

Thanks.

#308226 Copied

Rose Tyler

Support staff

November 12, 2021 at 08:09

Hello,

Do you want to achieve smth like this -> http://prntscr.com/1z98syy ? If this is not what you are looking for, provide a detailed screenshot for a better understanding.

Regards

#308303 Copied

vince08

Participant

November 13, 2021 at 09:34

Hi,
Ok.
I give you a new capture to explain me.

Thanks.

Please contact administrator
for this information.

#308460 Copied

Rose Tyler

Support staff

November 13, 2021 at 09:56

Hello,

We can’t see your screenshot, unfortunately. Please provide a new one.

Regards

#308466 Copied

vince08

Participant

November 13, 2021 at 14:52

Sorry. It should be better.

#308578 Copied
Rose Tyler

Support staff

November 13, 2021 at 15:43
Hello,

Try to use the next code:
```
.et_b-tabs .et-tab:not(.active) {
    color: red;
}
```
Regards
#308580 Copied
vince08

Participant

November 13, 2021 at 16:30

Ok, it’s good and opacity(1) was necessary too.
Thanks a lot.

#308587 Copied

Rose Tyler

Support staff

November 13, 2021 at 16:49

You’re welcome!

Regards

#308589 Copied
Tagged: change, color, my account, sidebar, size, templates, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Change color and size in the side bar My Account’' has been successfully resolved, and the topic is now closed for further responses

Change color and size in the side bar My Account

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection