How to Add Custom CSS to the Media Thickbox?

Question

How to Add Custom CSS to the Media Thickbox?

David Gard

2016年7月17日 18:32

I've added a couple of custom fields to the Edit Media screen, but when these are displayed in the WP Media Thickbox (when adding images from the Edit Post screen, for example), the styling is gone.

Is there a hook to add my custom css to the Thickbox iframe when it loads?

Topic iframe thickbox media css hooks Wordpress

Category Web

brasofilo · Accepted Answer · 2012年12月11日 22:06

In WordPress 3.5, this hook works for me:

add_action( 'print_media_templates', 'wpse_75746_print_style_35' );

function wpse_75746_print_style_35()
{
    ?>
    <style>
        .media-modal-content, .media-sidebar {
            background: #FFF2D4 !important;
        }   
    </style>
    <?php
}

In 3.4.2, this is the one:

add_action( 'admin_print_styles-media-upload-popup', 'wpse_75746_print_style_342' );

function wpse_75746_print_style_342()
{
    ?>
    <style>
        #media-upload {
            background: #FFF2D4 !important;
        }
    </style>
    <?php
}

How to Add Custom CSS to the Media Thickbox?

About