My Account Colours – Pixelwars

Posted in : Efor
godmode.fit
Participant
6 February 2021 at 01:56
#69620

Hi, I’d like to the colours in my account to adopt the theme colours. Is that possible?

More specifically:

My account
https://godmode.fit/wp-content/uploads/2021/02/Screenshot-2021-02-05-at-23.42.40.png
I’d like to change the black in the left menu as well as in the button on the right. Also, the beige strip if possible.

https://godmode.fit/wp-content/uploads/2021/02/Screenshot-2021-02-05-at-23.50.48.png
Here also the black buttons.

Checkout
https://godmode.fit/wp-content/uploads/2021/02/Screenshot-2021-02-05-at-23.49.09.png
Here the black bar.

Basket
https://godmode.fit/wp-content/uploads/2021/02/Screenshot-2021-02-05-at-23.50.59.png
Here the button and the beige strip.

Maybe in the future this could be change in the Theme Customiser. That would be great.
Thanks.
serkan
Moderator
8 February 2021 at 13:47
#69666
Hi,
You can use this custom css code;
```
.woocommerce-MyAccount-navigation ul li.is-active a { background: #222; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #fff !important; background: #222;
}.woocommerce-info { border-top: 5px solid #eae5bf; }
.lp-list-table thead tr th { background: #111; }
```
Thanks
godmode.fit
Participant
19 February 2021 at 19:05
#70007

Hi,

thank you. That custom CSS covered most of what I needed but there are a few details left.

Login & Registration
https://godmode.fit/wp-content/uploads/2021/02/Screenshot-2021-02-19-at-16.57.17.png
> The black frame around login and registration
> The login & register button (frame and text)

Basket
https://godmode.fit/wp-content/uploads/2021/02/Screenshot-2021-02-19-at-16.57.42.png
> Black frame and basket icon
> Proceed to checkout button

Payment
https://godmode.fit/wp-content/uploads/2021/02/Screenshot-2021-02-19-at-16.58.08.png
> Black frame
> Proceed to Paypal / Payment button

Would you please have custom CSS to change those?
That would be awesome.

Thank you!
serkan
Moderator
19 February 2021 at 19:26
#70013
Login & Registration
```
.woocommerce form.login, .woocommerce form.register { border-color: #333; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color: #111 !important; border: 2px solid #111; }
```
Basket
```
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { border: 5px solid #d62222; }
.woocommerce .cart-collaterals .cart_totals:before, .woocommerce-page .cart-collaterals .cart_totals:before { color: #fff; background: #222; }
```
Payment
```
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { border: 3px solid #333; }
```
Thanks
godmode.fit
Participant
19 February 2021 at 20:10
#70019

Hi,

great, just some buttons missing.

Basket
> Proceed to checkout button

Payment
> Proceed to Paypal / Payment button

Thanks
serkan
Moderator
20 February 2021 at 12:34
#70021
Hi,
I already gave you the css code for the proceed buttons above; (don’t forget to use the important class as well).
```
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { color: #fff !important; background-color: #222 !important; }
```
Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

Efor - Coaching & Online Courses WordPress Theme

by pixelwars