WordPress Customizer附加的css行号与css代码重叠

时间：2019-04-12 作者：user1388610

在我的一个网站上，customizer中的附加CSS很难使用，因为左边距将CSS代码窗口的左侧隐藏在行号后面。我尝试在函数中为管理员添加一些样式。php（我已经使用了一些其他样式），但它们对此没有任何影响。

下面是我正在使用的代码（我尝试了一些事情）：

add_action(\'admin_head\', \'my_admin_styles\');
function my_admin_styles() {
echo \'<style>
#adminmenu div.separator {
 height: 2px;
 padding: 0;
 width:90%; margin-right:auto; margin-left:auto;
 border-top: 1px solid #CCC; }
#recipe_notes-tmce {display:none; }
.rwmb-input input {width:100%; }
.CodeMirror-sizer { margin-left: 50px !important; }
.CodeMirror-line  {padding-left:20px !important; }    
</style>\';
}
最后两个是我用来修复重叠的，但它们在我检查代码时不会显示出来——其他的按预期工作并显示在检查代码中。

有什么建议吗？你认为这可能是一场冲突吗？

谢谢

1 个回复
SO网友:user1388610

我没有这样做，而是找到了一个代码片段来添加一个新的css文件。以下是新代码：

function add_my_customizer_styles() {
wp_enqueue_style( \'my-customizer-css\', trailingslashit( get_stylesheet_directory_uri() ).\'assets/styles/customizer.css\', null );
}
add_action( \'customize_controls_print_styles\', \'add_my_customizer_styles\', 99 );
这很好用。显然，虽然前面的代码适用于管理的某些领域，但它不适用于定制器。通过这种方式，我还可以通过添加以下附加CSS使自定义程序更宽，这也是我一直想做的：

.wp-full-overlay-sidebar { width: 400px; }
.wp-full-overlay.expanded {margin-left: 400px; }
问题解决了！

标签： admin-css   小码农  

相关推荐