Return to previous page

View Wishlist button and - by Gry4you - on WordPress WooCommerce support

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

Gry4you

Participant

January 31, 2018 at 16:22

Hi,

How to change main color of “View Wishlist button” and hover color, too?
https://gry4you.com/wp-content/uploads/2018/01/wishlist_view_1.jpg

I would like to change main color of “Checkout button” and “View Cart button” and hover color too.
https://gry4you.com/wp-content/uploads/2018/01/checkout_1.jpg

Regards
Damian

#183487 Copied Theme version: 4.17 WooCommerce version: 3.2.6

11 Answers

Rose Tyler

Support staff

January 31, 2018 at 16:29

Hello,

We have 3 types of buttons on our site – light (for example http://prntscr.com/hdcwhy), dark (for example http://prntscr.com/hdcwxi), active (for example http://prntscr.com/hdcx3r).
Please try to use Theme Options > Styling -> Content > Customize buttons to change styles of your buttons.

Regards

#183489 Copied

Gry4you

Participant

January 31, 2018 at 17:20

Hi,

It’s not working!
https://gry4you.com/wp-content/uploads/2018/01/wishlist_view_button1.jpg
https://gry4you.com/wp-content/uploads/2018/01/wishlist_view_button2.jpg

View Wishlist button, Checkout button and View Cart button have the same color.
https://gry4you.com/wp-content/uploads/2018/01/wishlist_view_1.jpg
https://gry4you.com/wp-content/uploads/2018/01/checkout_1.jpg

I would like change for this:
View Wishlist button color customize:
– background color – #0b1fba (button text color – #ffffff (standard and active))
– background hover color – #000000 (button text color – #ffffff (standard and active))

Checkout button color customize:
– background color – #0b1fba (button text color – #ffffff (standard and active))
– background hover color – #000000 (button text color – #ffffff (standard and active))

View Cart button color customize:
– background color – #0b1fba (button text color – #ffffff (standard and active))
– background hover color – #000000 (button text color – #ffffff (standard and active))
https://gry4you.com/wp-content/uploads/2018/01/checkout_1.jpg

Regards
Damian

#183499 Copied Theme version: 4.17 WooCommerce version: 3.2.6

Rose Tyler

Support staff

February 1, 2018 at 12:44

Hello,

Please provide temporary wp-admin access in Private Content.

Regards

#183578 Copied

Gry4you

Participant

February 1, 2018 at 15:11

Hi,

Rose, please. You ask me for it once again.

I am asking for the css code that I will add

Regards
Damian

#183615 Copied Theme version: 4.17 WooCommerce version: 3.2.6
Rose Tyler

Support staff

February 1, 2018 at 15:28
Hello,

I’ve asked about access because of I want to check your Theme Options and inspect code on site via the console.
For now, I can only provide custom css code that will work fine for buttons on our demo:
```
.header .btn-checkout, .et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist, .header .widget_shopping_cart .btn-view-cart {
    background-color: #0b1fba;
    color: #ffffff;
    border-color: #0b1fba;
}
.header .btn-checkout:hover, .et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist:hover, .header .widget_shopping_cart .btn-view-cart:hover {
    background-color: #000000 !important;
    color: white;
    border-color: #000000;
}
```
Regards
#183619 Copied
Gry4you

Participant

February 1, 2018 at 16:34

Hi,

It’s working for checkout and view cart, but checkout hover color is different then view cart hover color. Checkout hover color is #000000, but view cart hover color is #333333. I’m confused!

It is not working for btn-view-wishlist! Button has only one color #000000 for background and hover (text has white color #ffffff).

Maybe the css code didn’t work, because I’m using the YITH WooCommerce Wishlist plugin Premium Version?

Do you need to access site https://gry4you.com without maintenance mode?

Regards
Damian

#183639 Copied Theme version: 4.17 WooCommerce version: 3.2.6

Rose Tyler

Support staff

February 1, 2018 at 16:42

Hello,

The code works fine for our demo https://prnt.sc/i8ps9c http://prntscr.com/i8psdm
to give code that will work on your site I need to be able to see elements for which the code should work. So provide me wp-admin access or disable maintenance mode, because of I can see only http://prntscr.com/i8pu17 and nothing more for now.

Regards

#183642 Copied

Gry4you

Participant

February 1, 2018 at 16:47

Hi,

Maintenance mode is disable!

Regards
Damian

#183645 Copied Theme version: 4.17 WooCommerce version: 3.2.6
Rose Tyler

Support staff

February 1, 2018 at 17:07
Please change the previous code to:
```
.header .btn-checkout:hover {
    opacity: 1 !important;
}
.header .btn-checkout, .et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist, .header .widget_shopping_cart .btn-view-cart {
    background-color: #0b1fba !important;
    color: #ffffff;
    border-color: #0b1fba !important;
}
.header .btn-checkout:hover, .et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist:hover, .header .widget_shopping_cart .btn-view-cart:hover {
    background-color: #000000 !important;
    color: white;
    border-color: #000000;
}
```
Regards
#183649 Copied
Gry4you

Participant

February 1, 2018 at 17:24

Hi,

It’s working Rose. You’re amazing.

Thank’s a lot.

Regards
Damian

#183653 Copied Theme version: 4.17 WooCommerce version: 3.2.6

Rose Tyler

Support staff

February 2, 2018 at 08:14

You’re welcome!
Have a nice day.

Regards

#183676 Copied
Viewing 12 results - 1 through 12 (of 12 total)