Home › Forums › WoodMart support forum › Add to Cart ICON on MOBILE

Add to Cart ICON on MOBILE

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • June 3, 2020 at 6:48 pm #200394

    gzelasco
    Participant

    How to change or hodde add to cart Icon (MOBILE), on Products Grids,
    see attached reference

    Attachments:
    You must be logged in to view attached files.
    June 3, 2020 at 9:30 pm #200447

    Elise Noromit
    Member

    Hello,

    Chose the icon from the FontAwesome 5 and provide URL of the icon and of the page, I will provide custom CSS.

    Best Regards

    June 3, 2020 at 10:30 pm #200463

    gzelasco
    Participant

    https://fontawesome.com/icons/shopping-bag?style=solid

    June 4, 2020 at 9:25 am #200565

    Elise Noromit
    Member

    Hello,

    Please choose a free icon and provide the icon URL. https://fontawesome.com/icons?d=gallery&m=free

    Best Regards

    June 4, 2020 at 12:06 pm #200645

    gzelasco
    Participant

    https://fontawesome.com/icons/shopping-bag?style=solid

    shopping-bag

    The free one

    June 4, 2020 at 3:30 pm #200766

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Mobile:

    body .wd-action-btn.wd-add-cart-btn>a:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f290";
 font-weight: 900;
}

    Best Regards

    June 4, 2020 at 4:58 pm #200785

    gzelasco
    Participant

    Sorry, Were should place the Icon name or link?

    body .wd-action-btn.wd-add-cart-btn>a:before {
    font-family: ‘Font Awesome 5 Free’;
    content: “\f290”;
    font-weight: 900;
    }

    June 4, 2020 at 10:10 pm #200825

    Elise Noromit
    Member

    Hello,

    Please add this code to the Dashboard > Theme Settings > Custom CSS > Mobile:

    Best Regards

    June 5, 2020 at 10:31 pm #201172

    gzelasco
    Participant

    Hi Were should be pace the icon?

    body .wd-action-btn.wd-add-cart-btn>a:before {
    font-family: ‘Font Awesome 5 Free’;
    content: “\f290”;
    font-weight: 900;
    }

    June 5, 2020 at 10:50 pm #201181

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area.

    Best Regards

    June 6, 2020 at 12:54 pm #201333

    gzelasco
    Participant

    yes,

    June 6, 2020 at 2:20 pm #201365

    Elise Noromit
    Member

    Hello,

    You have copied incorrectly. That is why it did not work. Please check now.

    Best Regards.

    June 7, 2020 at 12:41 am #201438

    gzelasco
    Participant

    This is what I see, The icon is broken, also in Destkop

    Attachments:
    You must be logged in to view attached files.
    June 7, 2020 at 8:48 pm #201566

    Elise Noromit
    Member

    Hello,

    You need to activate “Alwasy use” in the Theme Settings > Performance > CSS for FontAwesome.

    Best Regards

    June 8, 2020 at 9:04 pm #201832

    gzelasco
    Participant

    Done! YOU ARE THE ONE!

    June 9, 2020 at 6:39 am #201890

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)