Question

我最近将插件WP PageNavi添加到了我们的网站。该插件本身运行良好，但是拒绝遵循pagenavi-css.css中提供的CSS样式

Web运行最新的wordpress和DIVI主题（子主题）。精美的主题（DIVI开发人员）指出，此插件与他们的产品完全兼容，但是出了点问题。

我尝试过的事情：

通过此代码

增强了子主题的navigation.php

<?php if (function_exists('wp-pagenavi')) { wp_pagenavi(); } else { ?><div class="navigation">
    <div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
    <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
</div><?php } ?>

-将修改后的pagenavi-css.css复制到子主题的目录，内容：

.wp-pagenavi {
    clear: both;

}

.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
    color: #000000;
    font-size: small;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #ff0000;
}

.wp-pagenavi span.current {
    font-weight: bold;
    font-size: medium;

}

但是，网站上仍未显示任何格式（红色除外）。可以在此处查看实时示例：https://azub.eu/community/blog/

任何人都可以建议我，我哪里做错了，或者为什么缺少样式？谢谢

编辑：看起来Autoptimize与它有关，但是我没有将pagenavi-css.css排除在优化之外。但是常规的CSS优化仍然处于启用状态。有什么烦恼吗？ Screen from Dev tool

编辑2：因此，在禁用Autoptimize之后，devtools已经将样式的来源显示为pagenavi-css.css dev tools screen 但是，样式仍然不存在！有什么想法吗？

编辑3：今天，我正在研究插件冲突，并关闭和打开所有插件，然后CSS突然启动。但是当我尝试更新CSS时，它再次卡住了。我还执行了相同的步骤，第一次获得了积极的结果，但是没有任何运气。现在看起来像这样current look。有没有想到WordPress可以在哪里保存CSS？

Answer 1

恐怕您必须在 CSS 中使用!important，因为您当前的主题在其默认行为中使用!important CSS 。因此，做一件事，只需将其替换为此。

.wp-pagenavi {
    clear: both;

}

.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #BFBFBF !important;
    padding: 3px 5px;
    margin: 2px;
    color: #000000;
    font-size: small;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #ff0000;
}

.wp-pagenavi span.current {
    font-weight: bold !important;
    font-size: medium !important;

}

Answer 2

因此，对我而言，帮助是关闭每个插件，然后将主题切换为默认值，然后重新打开所有插件。完成这些操作后，CSS开始运行。是DIVI和缓存组合的问题。

WP PageNavi不接受CSS文件

2 个答案: