Return to previous page

How to display the icon from General Icons css

This topic has 3 replies, 3 voices, and was last updated 3 weeks, 6 days ago ago by Andrew Mitchell

Kombajn88

Participant

April 9, 2024 at 22:46
Hi,
I am creating a custom “add to cart” button in css, I am trying to add a shopping cart icon(et-shopping-carte90c).
But unfortunately instead of the icon a square appears, what can I do to make the icon appear there?

https://xstore.8theme.com/xstore-icons/
```
.products-grid .product .button::after, .content-product .product .button::after {
    content: "\e90f"; 
    margin-left: 4px; 
    font-size: 1.2em; 
    display: inline-block; 
    vertical-align: middle;
}
```
Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.
#390930 Copied Theme version: 9.3.3
2 Answers

Rose Tyler

Support staff

April 10, 2024 at 08:07

Hello, Kombajn88,

Thank you for reaching out to us with your query regarding the custom “add to cart” button you are creating. It seems that the issue you are experiencing with the shopping cart icon appearing as a square is typically related to the font family not being correctly referenced in your CSS.

To ensure that the icon displays properly, please make sure that the font family ‘xstore-icons’ is included in your project and is properly linked in your CSS file. You can do this by adding the following line to your CSS:
font-family: xstore-icons !important;

Best Regards,
8Theme’s Team

#390973 Copied

Andrew Mitchell

Support staff

April 10, 2024 at 19:43

Dear Kombajn88,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#391135 Copied
Tagged: css wordpress guide, customize woocommerce icons, general icons css, icon integration woocommerce, woocommerce icon display, woocommerce wordpress tutorial, wordpress templates
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘how to display the icon from General Icons css’' has been successfully resolved, and the topic is now closed for further responses

How to display the icon from General Icons css

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection