我最近在我们的网站上添加了插件 WP PageNavi。该插件本身运行良好,但它拒绝遵守 pagenavi-css.css 中提供的 CSS 样式
Web 运行最新的 wordpress 和 DIVI 主题(子主题)。 Elegant themes(DIVI 开发者)指出,此插件与他们的产品完全兼容,但有问题。
我尝试过的事情:
-使用此代码增强子主题的 navigation.php
<?php if (function_exists('wp-pagenavi')) { wp_pagenavi(); } else { ?><div class="navigation">
<div class="alignleft"><?php next_posts_link('« Older Entries') ?></div>
<div class="alignright"><?php previous_posts_link('Newer Entries »') ?></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 优化仍然是 ON。有什么猜测吗? Screen from Dev tool
编辑 2: 因此在禁用自动优化后,devtools 已经将样式源显示为 pagenavi-css.css dev tools screen 但是 样式仍然不存在!有什么想法吗?
编辑 3:今天,我正在查看插件冲突并关闭和打开所有插件,突然 CSS 启动。但是当我尝试更新 CSS 时它再次卡住。我也执行了第一次导致积极结果的相同步骤,但没有任何运气。现在看起来像这样 current look . 想过 WordPress 可以将 CSS 保存在哪里吗?
最佳答案
我不敢说你必须在你的 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;
}
关于css - WP PageNavi 不接受 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52255607/