I have one more question, sorry: is it possible to change the icon "mini hamburger menu and +' at the bottom right on product card?
As a UX designer I don't understand this icon as well as the tooltip "select options", it's confusing for the users (I tested it). I'm able to remove it completely... But I would have liked to have the option to write "VIEW" or to put instead a view icon. And to remove the tooltip if I can write"view".
Hi,
I have one more question, sorry: is it possible to change the icon "mini hamburger menu and +' at the bottom right on product card?
As a UX designer I don't understand this icon as well as the tooltip "select options", it's confusing for the users (I tested it). I'm able to remove it completely... But I would have liked to have the option to write "VIEW" or to put instead a view icon. And to remove the tooltip if I can write"view".
Thank you very much.
Regards
Hi LaPimpa,
Can you please add the code below to your Custom CSS area:
.woocommerce .products .type-product .product-description .product_type_grouped i:before { content: 'View'; font-weight: 600; font-family: 'Roboto Condensed'; line-height: normal; font-size: 16px; margin-right: 15px; }Have a great day!Hi Ylli,
Thank you for your quick reply. The CSS you gave me doesn't work.
I still have icons and tooltip on the product card.
Thank you for your help. Regards
Hi LaPimpa,
The code that I send to you should work as it should, I just tested it (see video).
Please make sure that you don't have any invalid CSS code in your Custom CSS area (info).
Have a great day!
Hi Ylli,
Thank you for your reply. I tried few things and this one works:
.woocommerce .products .type-product .product-description .entypo-list-add:before {content: 'View';
font-weight: 600;
font-family: 'Roboto Condensed';
line-height: normal;
font-size: 16px;
margin-right: 15px;
}
Regarding the tooltip I just add this css line: .tooltip { visibility: hidden }
Thank you again for your help.
Have a good day!
Regards.
Hi LaPimpa,
I'm happy to hear that it worked
Will set this ticket as solved from here.
Hi Ylli,
I wrote the same CSS for the hover on the lookbook, it works but it keeps the text "select options":
.lab_wpb_lookbook_carousel .lookbook-carousel .product-item .lookbook-hover-info .lookbook-inner-content .price-and-add-to-cart .add-to-cart-btn:before { content: 'View'; font-weight: 400; font-family: 'Roboto'; line-height: normal; font-size: 16px; margin-right: 15px; text-transform: uppercase; color: white; text-decoration: underline; } .lab_wpb_lookbook_carousel .lookbook-carousel .product-item .lookbook-hover-info .lookbook-inner-content .price-and-add-to-cart .add-to-cart-btn i { visibility: hidden; }Could you help me to remove the text "select options" please.
Thank you!
Have a great day
Regards
Hi LaPimpa,
Can you please write URL of this exact page please?
Thanks!