This topic has 12 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler
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
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
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
Hello,
Please provide temporary wp-admin access in Private Content.
Regards
Hi,
Rose, please. You ask me for it once again.
I am asking for the css code that I will add
Regards
Damian
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
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
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
Hi,
Maintenance mode is disable!
Regards
Damian
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
Hi,
It’s working Rose. You’re amazing.
Thank’s a lot.
Regards
Damian
You’re welcome!
Have a nice day.
Regards
The issue related to '‘View Wishlist button and’' has been successfully resolved, and the topic is now closed for further responses