Home › Forums › WoodMart support forum › Missing icons from external sources

Missing icons from external sources

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • March 24, 2020 at 11:50 am #181956

    Revolo
    Participant

    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.
    March 24, 2020 at 1:24 pm #181992

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 24, 2020 at 4:11 pm #182037

    Revolo
    Participant

    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?

    March 24, 2020 at 7:51 pm #182075

    Revolo
    Participant

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

    March 25, 2020 at 6:21 am #182119

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 25, 2020 at 10:10 am #182182

    Revolo
    Participant

    Hello, here is my login details

    Best Regards

    March 25, 2020 at 11:39 am #182216

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 25, 2020 at 11:47 am #182219

    Revolo
    Participant

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

    March 25, 2020 at 12:06 pm #182229

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 25, 2020 at 12:36 pm #182241

    Revolo
    Participant

    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.
    March 25, 2020 at 12:46 pm #182249

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 26, 2020 at 2:17 am #182363

    Revolo
    Participant

    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.
    March 26, 2020 at 7:02 am #182385

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 26, 2020 at 9:26 am #182423

    Revolo
    Participant

    Thank you

    March 26, 2020 at 9:57 am #182435

    Aizaz Imtiaz Awan
    Keymaster

    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

Tagged: , , , , , ,

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Missing icons from external sources’ is closed to new replies.