• Resolved mywebsite100

    (@mywebsite100)


    Woocommerce 4.1.1
    Fontawesome in-stock icon no longer displays after update

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

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Fernando a11n

    (@fhaps)

    Automattic Happiness Engineer

    I’m not sure of what is the icon that is missing, or where are you expecting it to show up. Can you share a screenshot of this icon, and indicate where were did it disappear from?

    I’m not sure if this is something that is added by WooCommerce or by a plugin/theme.

    Phil

    (@fullysupportedphil)

    Automattic Happiness Engineer

    We haven’t heard back from you in a while, so I’m hoping you were able to resolve this issue.

    I’m going to mark this thread as resolved but feel free to open a new thread if you still have trouble with this.

    Thread Starter mywebsite100

    (@mywebsite100)

    Hello,

    Sorry, I didn’t see the reply until now, I am not able to paste screen shot here or upload image.

    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

    Thread Starter mywebsite100

    (@mywebsite100)

    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;

    Plugin Support EastOfWest a11n

    (@eastofwest)

    There hasn’t been a reply on this thread for a while, and the same issue seems to have been addressed in this thread, so I’ll go ahead and mark this thread as resolved too.

    If you have any more questions, feel free to start another thread.

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