Custom Admin CSS styles to style media uploader?

1 Views

Hopefully a simple answer to this. Using the wp custom header feature, the media upload screen shows an extra field: “set as header”. I’m trying to make this text bigger as it can easily be missed.

Firebug says it has a class of “a.wp-set-header”. I can change the font size within firebug and it works, but adding this in my css doesn’t do anything – any ideas? Thanks

a.wp-set-header{
font-size:22px !important;
font-weight:bold !important;
}
Post Views: 1

Related posts

Leave a Reply

1 comment

  1. Its likely that you’re not enqueing your CSS file to be used in the admin area, however you did not say. Anyway, this is what you can do…

    Place the following into your functions.php file:

    add_action( 'admin_print_styles', 'my_admin_css' );
add_action( 'wp_enqueue_scripts', 'my_admin_css' );

function my_admin_css(){
   if( is_admin() ) {
    wp_enqueue_style(
        "media_upload", 
        get_bloginfo('template_directory')."/css/custom_admin.css", 
        false, 
        false, 
        "all"
    );
   }
}

    Where ../css/custom_admin.css is an assumed directory and file in your theme folder.

    You can learn more about the various methods to handle both scripts and CSS files for both the front end and admin starting with,

    http://codex.wordpress.org/Function_Reference/wp_enqueue_style

    …the rest of which can be found under the miscellaneous functions section here

    http://codex.wordpress.org/Function_Reference#Miscellaneous_Functions

    …and you shall see related functions at the bottom of each individual function page like that of the above wp_enqueue_style.