Support

Account

Home Forums Front-end Issues ACF-ICON not working on Front-End

Solved

ACF-ICON not working on Front-End

    • toniojst

    • September 11, 2020 at 2:06 am

    Hi all,

    I’m using my custom made theme for WP and problem is that the icon like:
    class=”acf-icon -cancel grey” –> this is x
    class=”acf-icon -plus small acf-js-tooltip hide-on-shift” –> this is plus for add row
    class=”acf-icon -minus small acf-js-tooltip” –> this is minus for deleting row in repeater field….

    All this icon not working on Front-End on Back-End working normaly. What can be wrong?

    Printscreen Front-End
    Printscreen Front-End
    Printsreen Back-End

  • I’m confused, are you using acf_form() to show a form and the icons are not appearing?

    • toniojst

    • September 11, 2020 at 2:16 pm

    Yes, so i guess that is problem in my custom made theme. But i cant find what.

  • Are you calling acf_form_head() before the header?

    • toniojst

    • September 12, 2020 at 5:09 pm

    yes i have.
    prinscreen

  • Open wp-config.php and add the following line

    
    define('SCRIPT_DEBUG', true);
    

    and let me know if this corrects the problem.

    • toniojst

    • September 13, 2020 at 4:40 pm

    Not help.

  • I thought you might have a corrupt CSS file…

    I’m out of ideas that I can help with other than starting to deactivate plugins and switch themes to figure try to figure out where the issue is an narrow it down.

  • I was dealing with the same problem recently and found out this was because of not loading WP ‘dashicons’ font in frontend. Is it supposed to load by default?

    Anyway, you can try this:

    add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
    function load_dashicons_front_end() {
      wp_enqueue_style( 'dashicons' );
    }

    It would be nicer if acf would load such icons from it’s css as inline svg for example.

  • It appears that dashicons is only loaded on the front if you’re logged in. This could be a bug and ACF should probably be loading dasicons on pages where acf_form_head() is used. You should submit a bug report here https://www.advancedcustomfields.com/contact/

    • toniojst

    • September 23, 2020 at 6:31 pm

    This is solve my problem. Thanks

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

You must be logged in to reply to this topic.

We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Cookie Policy. If you continue to use this site, you consent to our use of cookies.