icons on shop page

I'm wondering if we can change the icon links on our products on the shop page? We would like to change the purse to a shopping basket and the link icon to an information icon (i). Is there an easy way to do this without overwriting files?

Thanks!

Marie


Comments

  • Hi,

    You can try the following CSS code:

    .image_frame .image_wrapper .image_links a:not(:last-child) svg,
    .image_frame .image_wrapper .image_links a:last-child svg{
       display: none!important;
    }
    .image_frame .image_wrapper .image_links a:not(:last-child):after{
       font-family: 'mfn-icons';
     content: '\e82d';
     font-size: 30px;
    }
    .image_frame .image_wrapper .image_links a:last-child:after{
       font-family: 'mfn-icons';
     content: '\e8a4';
     font-size: 30px;
    }
    

    Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.


    Thanks

  • Thank you ! It worked!

    Marie

Sign In or Register to comment.