Invisible icons in Virtue theme

  • Resolved friet

    (@friet)


    8 years, 8 months ago

    I have a very odd problem with icons in the Virtue theme. I have the domain https://www.opmeeractueel.nl and the subdomain https://news.opmeeractueel.nl which I use as a kind if testing ground for changes I want to carry out on my main domain before I implement them there. On both the main domain and the subdomain I use the latest version of the Virtue theme downloaded from Kadence and they both have the some settings. I installed icons in my main menu and I used the Icon menu. In the subdomain they show up fine, but in the main domain they are invisible even on the backend. If I click “select icon” in the icon menu I get the list, but not the icons in front of it. However, the most curious thing is that I can see in my browser that the icons of the main menu of the main domain are really there, but invisible. If I hold my cursor not only over but a little above e.g. HOME on my Mac it changes from the arrowhead into the pointing index finger as proof there is a link there. This can even better be seen in the second menu where HOME sits lower than the other two items because there is an icon above HOME and not above the other items. Any ideas anyone?

Viewing 4 replies - 1 through 4 (of 4 total)

  • Are you using a different caching method on your main site than your demo site? Any plugins that might be conflicting?

    Also, what version of the theme are you currently running?

    I would begin with clearing your cache on each site, then disabling your plugins to see if they may be responsible for the issue.

    Thread Starter friet

    (@friet)

    Thanks for the reaction. I use the latest version downloaded from Kadence which is 2.6.3
    As I am a beginner with WordPress i have no idea how to clear the cache. The cause of the problem can’t be conflicting plugins as I use the same ones in both sites and only one of them has the problem.
    Regards.
    Ted

    Hey,
    From what I see, “photo-album-lightbox-photo-gallery” plugin is overriding the themes icons.

    I don’t see this plugin in use on the other site.

    Here is css to make the theme icons work with that plugin by forcing the right font, you can add this into your theme options > advanced settings.

    [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: FontAwesome;
}

    I hope that helps,

    Kadence Themes

    Thread Starter friet

    (@friet)

    Hi, thank you very much indeed. The code did the trick.

    Regards,

    Ted

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Invisible icons in Virtue theme’ is closed to new replies.