Icons missing with plugin

  • Resolved charmp121

    (@charmp121)


    6 years, 8 months ago

    Hi,

    My theme comes with glyphs(icons) built in. When I activate your plugin – the glyphs are not visible. When I deactivate the plugin or use the fix page editors feature – the glyphs work fine and are visible. I hate to just use the fix page editor feature. Is there any fix or bypass for this issue?

    However, better font awesome icons work fine when activated. However, I cannot use them within the theme page.
    Any help would be greatly appreciated.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Raul P.

    (@alignak)

    Hi,

    First I would suggest that you take a look at the google chrome console.
    There are a lot of errors going on, that you should address too.
    https://cdn.pbrd.co/images/HboyDQq.png

    Then try one of these things, one at a time:
    – Try to select the Inline CSS option
    – Try to disable CSS processing
    – Try to disable JS processing

    Find if it’s CSS related, or JS related.
    Once you know, you will have to try to find which file is being merged, that conflicts with the icons. It may not be the icons css file itself, but any other file.

    You will have to add the offending file to the ignore list, for the icons to work.

    Alternatively, I would suggest to try the Autoptimize plugin.
    It may not give you a better score than FVM, but it may work out of the box.

    Thread Starter charmp121

    (@charmp121)

    Hi,

    Thank you for your response. I tried the suggestion you listed on your email. The incline CSS broke the entire theme. I was able to finally figure out that once css processing was disabled – then the site looked fine and all the glyphs/icons were visible and correct.
    Now that I know that it is the css issue – more specifically how can I figure out the css to ignore. Is there a system or a trick – anything to help me since I am a novice with this type of stuff. Any help would be greatly appreciated.

    Thanks.

    Plugin Author Raul P.

    (@alignak)

    Hi,

    Now that you know it’s CSS related, you can grab a list of css files that have been merged on that page.

    On the plugin status page, you have a list of css files.
    Click view details and a list of files and location will be shown.
    Copy paste to a text file and keep only the paths (remove the debug info).

    Copy paste that into the ignore list and save.
    Then preview the page.
    One by one, remove each css file and preview again.

    The goal is to delete as many files from the ignore list, and leave only the one needed to make it work.

    If you delete one file and the icons are gone, you simply add it back and continue through the list. With luck, that will be the only one you need to ignore.

    The other option if you know how to code, is to dequeue that file and perhaps, enqueue it on another position… but that’s a job for a designer.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Icons missing with plugin’ is closed to new replies.