Support

Home Forums Front-end Issues Disabling admin css for front end form

Solving

Disabling admin css for front end form

    • spoof

    • April 15, 2014 at 9:05 am

    Hi,

    I’ve managed to create it front end form for my custom fields following the instructions from this article.

    However, the last bit about disabling the admin CSS doesn’t seem to work – the form still look the way they do in the back end and thus conflict with my site’s style. I’m suspecting that the CSS is actually from the ACF’s CSS but I don’t know how bypass this using wp_deregister_style(). Any ideas?

    • kaiser

    • April 16, 2014 at 3:41 pm

    Did you tried this in your functions.php

    
    add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
     
    function my_deregister_styles() {
    	wp_deregister_style( 'wp-admin' );
    }
    • spoof

    • April 17, 2014 at 8:22 am

    Yep – that’s what I’ve tried, doesn’t seem to work. Like I said, I’m suspecting the CSS is actually coming from ACF’s CSS files instead of the WP admin CSS files, but I’m not sure how to disable these.

    • deset

    • April 12, 2015 at 11:25 am

    Bumping as I’d like to know if there’s an answer for this.

  • This worked for me:

    // disable acf css on front-end acf forms
    add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
     
    function my_deregister_styles() {
      wp_deregister_style( 'acf' );
      wp_deregister_style( 'acf-field-group' );
      wp_deregister_style( 'acf-global' );
      wp_deregister_style( 'acf-input' );
      wp_deregister_style( 'acf-datepicker' );
    }
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.