css - Wordpress 额外的 CSS 不会改变我的行的边距

Question

我对网站设计很陌生，目前我正在使用插件“Simple CSS”将css添加到我的网站并使其适合移动设备：

@media (max-width: 768px) {
    .seperator {  
        display: none;
    }
    .row_01 {  
        margin-left: 0px;
    }
}

摆脱移动设备上不必要的内容并重新排序/替换元素。在这种情况下，行的边距不会改变。周围的容器也没有边距。其他类似的东西

display: none;

将适用于该行，但显然这不是我想要的。还添加

!important

没有效果。我正在使用“The7” WP 主题，也许这很重要。我错过了什么？

标签： csswordpressmobile

Answer 1

尝试从插件更改 css 文件的默认加载优先级：

add_action( 'plugins_loaded', function() {
    remove_action( 'wp_head', 'simple_css_generate' );
    add_action( 'wp_head', 'simple_css_generate', 999);
} );

将您的优先级设置为最大，以便 CSS 在您的脑海中加载最新。