首页 > 解决方案 > Wordpress 中的附加 CSS 不起作用,是我的语法错误吗?

问题描述

我正在修改页面的字体大小,链接:https://positivehk.com/2021/03/01/英国食好西-milkandmore/

在底部,有一个标题为“你可能是:”的会话,下面是一些建议的链接。这些是我要更改字体大小的会话。 在此处输入图像描述

我试过这个:

.post header .entry-title {word-wrap: break-word; font-size: 16px; line-height: 20px;  !important}

和这个:

.entry-header.entry-title a { word-wrap: break-word; font-size: 16; line-height: 20px; !important}

在高级 > 附加 CSS 类中,它位于块的右下角。但它不起作用。

有人能告诉我我该怎么做吗?当我在浏览器中编辑代码时,我觉得很奇怪,附加的 CSS 可以工作;但是当我将它放在 Wordpress 附加 CSS 区域中,保存并刷新时,它不起作用。

更新:我试过这些

.entry-title {word-wrap: break-word; font-size: 16px; line-height: 18px;  !important}

.loop-entry .entry-header .entry-title a {word-wrap: break-word; font-size: 16px; line-height: 18px;  !important}

但它们似乎不起作用。 https://drive.google.com/file/d/1tPGYk8Eyrdm8PaSA1u0Vzim8jke8BpU7/view?usp=sharing

标签: csswordpressfontsfont-size

解决方案


扩展块设置中的“附加 CSS 类”字段不适用于 CSS 规则(即类名及其参数/设置),而仅用于将 CSS 类应用于该特定块!

要为已经存在的类添加设置(正如您显然尝试过的那样),您应该使用外部样式表(如果您自己编写了 wordpress 主题),或者将它们添加到“定制器”的“附加 CSS”部分中。


推荐阅读