• Fontawesome in-stock icon no longer displays

    <p class=”stock in-stock”>In stock</p>
    ::before

    .woocommerce div.product p.stock.in-stock::before {
    content: “\f14a”;

    Basically it’s the check mark ? or x beside the IN STOCK on the product page

    ? In Stock
    x In Stock

    it’s not picking up the Font Awesome icon any longer as shown in the code

    <p class=”stock in-stock”>In stock</p>
    ::before

    .woocommerce div.product p.stock.in-stock::before {
    content: “\f14a”;

    Setting is Product/Inventory/Manage Stock

    woocommerce.css

    .woocommerce div.product p.stock.in-stock:before {
    content: “\f14a”;
    font-family: “Font Awesome 5 Free”;
    font-weight: 900;
    padding-right: 5px;
    color: #81ca33;
    }
    .woocommerce div.product p.stock.out-of-stock:before {
    content: “\f00d”;
    font-family: “Font Awesome 5 Free”;
    font-weight: 900;
    padding-right: 5px;
    color: red;

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Font Awesome icon no longer displays Products Page’ is closed to new replies.