Home Forums WoodMart support forum Woodmart Font Icons – Stock Status

Woodmart Font Icons – Stock Status

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #469727

    IanB
    Participant

    I want to change the icon in front of the stock status. It is currently a tick sign and has the following css code for it.

    p.stock.wd-style-with-bg.in-stock span:before {
    margin-inline-end: 5px;
    content: “\f107”;
    font-family: “woodmart-font”;

    Is there a list of codes for the woodmart icon fonts … How do I change to a different icon ?

    #469842

    Luke Nielsen
    Keymaster

    Hello,

    Here is the list of all our theme icons (including Unicode characters):

    $wd-icon-warning-sign: \f100;
    $wd-icon-twitter-brands: \f154;
    $wd-icon-github-brands: \f155;
    $wd-icon-pinterest-brands: \f156;
    $wd-icon-envelope-solid: \f157;
    $wd-icon-linkedin-brands: \f158;
    $wd-icon-mobile-alt-solid: \f159;
    $wd-icon-location-arrow-solid: \f160;
    $wd-icon-youtube-brands: \f162;
    $wd-icon-instagram-brands: \f163;
    $wd-icon-flickr-brands: \f164;
    $wd-icon-tumblr-brands: \f165;
    $wd-icon-dribbble-brands: \f166;
    $wd-icon-skype-brands: \f167;
    $wd-icon-vk-brands: \f168;
    $wd-icon-google-brands: \f169;
    $wd-icon-behance-brands: \f170;
    $wd-icon-spotify-brands: \f171;
    $wd-icon-soundcloud-brands: \f172;
    $wd-icon-copyright-regular: \f173;
    $wd-icon-facebook-square-brands: \f174;
    $wd-icon-whatsapp-brands: \f175;
    $wd-icon-odnoklassniki-brands: \f176;
    $wd-icon-vimeo-v-brands: \f177;
    $wd-icon-snapchat-ghost-brands: \f178;
    $wd-icon-telegram-brands: \f179;
    $wd-icon-facebook-f-brands: \f180;
    $wd-icon-viber-brands: \f181;
    $wd-icon-play-button: \f101;
    $wd-icon-360-deg: \f102;
    $wd-icon-comment: \f103;
    $wd-icon-paperclip: \f104;
    $wd-icon-header-cart: \f105;
    $wd-icon-heart: \f106;
    $wd-icon-check: \f107;
    $wd-icon-door-logout: \f108;
    $wd-icon-more-dots: \f109;
    $wd-icon-arrow-circle-left: \f110;
    $wd-icon-arrow-circle-right: \f111;
    $wd-icon-cross-close: \f112;
    $wd-icon-chevron-right: \f113;
    $wd-icon-chevron-left: \f114;
    $wd-icon-chevron-up: \f115;
    $wd-icon-edit: \f116;
    $wd-icon-social: \f117;
    $wd-icon-filter: \f118;
    $wd-icon-sort-by: \f119;
    $wd-icon-long-arrow-right: \f120;
    $wd-icon-long-arrow-left: \f121;
    $wd-icon-grid: \f122;
    $wd-icon-cart: \f123;
    $wd-icon-user: \f124;
    $wd-icon-newlatter: \f125;
    $wd-icon-bag: \f126;
    $wd-icon-scale-arrows: \f127;
    $wd-icon-compare: \f128;
    $wd-icon-chevron-down: \f129;
    $wd-icon-search: \f130;
    $wd-icon-quote: \f131;
    $wd-icon-envelope-o: \f132;
    $wd-icon-tik-tok-brands: \f133;
    $wd-icon-account-wishlist: \f134;
    $wd-icon-account-details: \f135;
    $wd-icon-account-download: \f136;
    $wd-icon-account-exit: \f137;
    $wd-icon-account-orders: \f138;
    $wd-icon-account-address: \f139;
    $wd-icon-account-other: \f140;
    $wd-icon-ruler: \f13f;
    $wd-icon-account-payment: \f142;
    $wd-icon-plus: \f143;
    $wd-icon-home: \f144;
    $wd-icon-blog: \f145;
    $wd-icon-shop: \f146;
    $wd-icon-cart-empty: \f147;
    $wd-icon-star: \f148;
    $wd-icon-star-empty: \f149;
    $wd-icon-caret-down: \f150;
    $wd-icon-caret-up: \f151;
    $wd-icon-caret-left: \f152;
    $wd-icon-caret-right: \f153;
    $wd-icon-menu: \f15a;
    $wd-icon-menu-active: \f15b;
    $wd-icon-menu-filters: \f15c;

    Kind Regards

    #469843

    IanB
    Participant

    Is the best way to change this to add this code to the custom CSS ?

    p.stock.wd-style-with-bg.in-stock span:before {
    content: “\f146”;
    }

    Changing the F tag ?

    #469911

    Luke Nielsen
    Keymaster

    Hello,

    Yep, by changing the “f” tag.

    Let me know if it works for you.

    Kind Regards

Viewing 4 posts - 1 through 4 (of 4 total)