在 wordpress 中编辑元素样式

Question

我的 WP 中有一个滑块，当我调整 window

大小时，图片会被裁剪

这是网站全屏时的一张幻灯片图片，此外是我调整 window 大小时的同一张幻灯片，我们可以看到右侧被裁剪了： click to open the image

（当 "inspect element" 我可以看到我在 css 文件中找不到的 element.style 部分）

然后在元素检查器上我通过添加 "background-position: center;" 编辑了 element.style 并且当我再次调整大小时 window 图片完全符合我的要求（它在我调整大小时居中): click to open the image

正如我所说，我试图找到 css sheet 我可以编辑它的地方，但我了解到不能那样做，我不得不强制 WP 更新添加 css 行

我尝试了这些：

.animate-in[styles] {
    background-position: center !important;
}

.animate-out[styles] {
    background-position: center !important;
}

但没能成功...

请帮忙！

Answer 1

您找不到 css sheet 因为 css 是用 javascript 生成的。

你可以试试:

#sequence li {
   background-position: center !important;
}

Answer 2

请至少 post 将 url 添加到您的网页，以便我可以使用它。 SS质量很差。

您看到的是内联样式，您可以用 !important 标签覆盖它。您要突出显示的元素有一个 ID，您可以将其作为目标覆盖它。

因此您可以在子主题的样式表中编写

#widget-kopewidget_sequence_slider-2-sequence_slider-item-208 {
background-position:center !important;
}

Edit element style in wordpress