Missing icons from external sources

Hi,

I migrated my site to the new hosting provider last week, but after migration, i can not see some specific icons, like navigation arrows. I read some solution in this support forum, and I found out, that my provider have to enable the external sources (e.g. icons, ets)

I asked my provider, if it is possible to enable this function on my hosting, but they told me, that they can´t enable this function, due to firewall and security.

I would like to ask you, could I download the icons I need to my hosting and get the icons directly from my hosting?

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached. Please Go to Theme Settings >> Performance >> CSS >> Font-Awesome library >> Set to always use.

Screenshot for Clarification: https://ibb.co/rbZQ9DG

Then Go to WoodMart >> CSS Generator Generate CSS.

Clear cache and check back.

Best Regards.

Hello,

I have tried to a several times, but, i still have the problem. But isn’t it because the provider doesn’t allow me to download icons from an external source?

Is any possibility to download the icons (like navigation arrows) directly to my hosting?

Hello,

Please provide the admin panel login details of the website in a private content area of this topic to check it myself and help you out accordingly.

Best Regards.

Hello, here is my login details

Best Regards

Hello,

I have fixed the issue on your website and the icon is displaying absolutely fine on my end.
Please clear cache and check back.

Screenshot for Clarification: https://ibb.co/fn3FPFs

Best Regards.

Yes, absolutely awesome. Thank you so much.
Could you please tell me, where was the problem?

Hello,

You are Most Welcome.

I have added the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS and the icon is displayed.

.menu-opener .arrow-opener::after {
content: "\f107";
font-family: "fontawesome" !important;
}
.whb-color-dark .navigation-style-default .item-level-0 > a::after {
content: "\f107";
font-family: "fontawesome" !important;
}
.vertical-navigation .item-level-0.menu-item-has-children > a::after{
content: "\f105";
font-family: "fontawesome" !important;
}

Best Regards.

Thank you once again.
Can you also give me the CSS for icons i´m sending in attached, please? (icons for filter and icon in mobile footer)
I will add it in to the CSS editor.

Best Regards

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached.

For the footer mobile icon you need to add the following Custom CSS.

.footer-widget-collapse .widget-title::after {
content: "\f105";
font-family: "fontawesome" !important;
}

Best Regards.

Hello, thanks for your help.

my last question, what is the CSS code for “X” in filter widget?

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. You need to use the following CSS to add an icon to that place in the Global Custom CSS area under Theme Settings.

.woodmart-woocommerce-layered-nav .layered-nav-link::after {
content: "\f00d";
font-family: "fontawesome" !important;
}

Best Regards.

Thank you

Most Welcome :-)

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts