Woocommerce 中的样式管理自定义面板

【问题标题】：Styling admin custom panel in WoocommerceWoocommerce 中的样式管理自定义面板
【发布时间】：2018-03-18 01:08:32
【问题描述】：

我想在 woocommerce 面板中更改此参数。当我检查这个元素时，它引用了wp-admin 中的文件load-style.php。

你知道哪个 CSS 文件允许在 WC 的管理面板中更改此设置吗？

.categorydiv div.tabs-panel, .customlinkdiv div.tabs-panel, .posttypediv div.tabs-panel, .taxonomydiv div.tabs-panel, .wp-tab-panel {
    min-height: 42px;
    max-height: 400px;
    overflow: auto;
    padding: 0 .9em;
    border: 1px solid #ddd;
    background-color: #fdfdfd;
}

【问题讨论】：

标签： css wordpress woocommerce

【解决方案1】：

尝试像这样更改您的管理员 css，将此代码放入您的 functions.php 中，然后对 css 进行更改。您可能需要更改选择器。

 add_action('admin_head', 'custom_changes_css');

    function custom_changes_css() {
      echo '<style>
        .categorydiv div.tabs-panel, .customlinkdiv div.tabs-panel, .posttypediv div.tabs-panel, .taxonomydiv div.tabs-panel, .wp-tab-panel {
        min-height: 42px;
        max-height: 400px;
        overflow: auto;
        padding: 0 .9em;
        border: 1px solid #ddd;
        background-color: #fdfdfd;
    }
      </style>';
    }

【讨论】：