在wordpress中编辑元素样式

Question

我的WP中有一个滑块，当我调整窗口大小时，图片被裁剪

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

（当“检查元素”时，我可以看到我在css文件中找不到的element.style部分）

然后在元素检查器上，我通过添加“background-position：center;”来编辑element.style。当我再次调整窗口大小时，图片完全符合我的要求（它在我调整大小时居中）： click to open the image

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

我试过这些：

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

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

但是没有设法让任何工作......

请帮忙！

Answer 1

你找不到css表，因为css是用javascript生成的。

您可以尝试：

XMLHttpRequest()

Answer 2

请至少将网址发布到您的网页，以便我可以使用它。 SS质量很差。

您所看到的内容称为内联样式，您可以使用！important标记覆盖它。您突出显示的元素具有一个ID，您可以将其定位为过度写入。

所以在你孩子主题的样式表中你可以写

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