Okay
  Public Ticket #1993776
Product
Closed

Comments

  •  3
    LaPimpa started the conversation

    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


  • [deleted] replied

    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!

  •  3
    LaPimpa replied

    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

  • [deleted] replied

    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!

  •  3
    LaPimpa replied

    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.

  • [deleted] replied

    Hi LaPimpa,

    I'm happy to hear that it workedsmile.png

    Will set this ticket as solved from here.

  •  3
    LaPimpa replied

    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

  • [deleted] replied

    Hi LaPimpa,

    Can you please write URL of this exact page please?

    Thanks!