Return to previous page

Customize product style icons / Effect - by Oliver Theiß

This topic has 3 replies, 2 voices, and was last updated 4 years, 8 months ago ago by Oliver Theiß

Oliver Theiß

Participant

April 19, 2021 at 13:58

Hi all, I would like to customize the product style a bit.
I use elemetor and there I don’t have so many options as with WPbakery.

I would like to have only the wishlist icon on the products and not the others. If it would be possible to place the heart on the top right? Bottom right would also be okey if it is otherwise too elaborate. and for the product title I would like to have the hover in #EE1250….

Wish list icon on Homepage :

unvisited transparent with white frame
Hover color : #EE1250
Visited pure white the whole heart in white

i would like to have the heart on the top right if it is possible

Wishlist Icon
On all other pages, please this color variant:
unvisited transparent with #EE1250 frame or border
Hover color : #EE1250
Visited pure white the whole heart in yellow #F68C1A

Thank you for your attention and have a successful week 😀

Oliver

Please, contact administrator
for this information.

#284723 Copied Theme version: 7.2.7 WooCommerce version: 5.2.2

2 Answers
Olga Barlow

Participant

April 20, 2021 at 12:58
Hello,

1) Use the default hover effect if you want to display the wishlist icon only at the top of the product https://prnt.sc/11r0e3w We have added the below custom to Custom CSS to change the title color

.content-product .product-title:hover a { color: #EE1250; }

2) Check the home page wishlist colors now. Added custom To Custom CSS
3) Check the wishlist colors on the other pages now. Added custom To Custom CSS

Regards
#284831 Copied
Oliver Theiß

Participant

April 20, 2021 at 13:42

Hello Olga,

Thank you very much,

that helps me a lot …
I have e taken extra vacation and would like to finish as much as possible
make 😀

Unfortunately there is an error in my page, I also created a ticket yesterday. I hope that you can fix the error it indicates that in the x core plugin something is wrong….
I have no idea what to do

Have a nice day and stay healthy
oliver

#284838 Copied
Viewing 3 results - 1 through 3 (of 3 total)