change icon

Hi,

Is it possible to change the icon fro products in stock? See attachment. I wanna have a smiley instead of a check mark. I hope this is possible with custom CSS.

Thank you in advance.

Kind regards,
Jasper

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

p.stock.in-stock:before {
    content: "\f107";
    font-family: woodmart-font;
}

Regards.
Xtemos Studios

Hi,
Sorry but the CSS doesn’t work. See attachment.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try changing the content of the icon with your desired icon. You can find the icons in the following link: https://fontawesome.com/v4.7.0/cheatsheet/

Regards.
Xtemos Studios

Ok, that looks good. p.stock.in-stock:before {
content: “\f118”;
font-family: woodmart-font;
}
Only this is not a smiley, but in the cheatseet says to use this code.

Thanks again!

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

You need to change the font-family to “fontawesome” as well.

Best Regards

Sorry, but it still doesn’t work.
p.stock.in-stock:before {
content: “\f118”;
fontawesome: woodmart-font;
}

Am I doing something wrong?

Hello,

Please Go to Theme Settings >> Performance >> CSS >> Font-Awesome Library and set it to always use.

Screenshot for Clarification: https://prnt.sc/117414t

And add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

p.stock.in-stock:before {
    content: "\f118";
    font-family: 'Font Awesome 5 Free';
}

Regards.
Xtemos Studios.

[Author]

Posts