如何使用CSS编辑已安装的WordPress Slider插件的样式？

Question

我为我的WordPress主题安装了一个免费的响应式图像滑块插件，WD的Slider，我需要编辑样式。具体来说，我可以看到我需要编辑课程.wds_slideshow_image_wrap_0：

你可以看到我需要这个div的宽度超过其父容器wds_container2_0宽度的100％：

我需要应用于max-width: 800px;的{​​{1}}样式才能消失，因此我尝试将此类的样式复制并粘贴到我的样式表中，并注释掉.wds_slideshow_image_wrap_0。但是你可以看到这没有任何效果。

向上滚动时，在检查器的“样式”选项卡中，我注意到这些样式的源文件/行位于（索引）：101

由于在样式表中执行此操作时无法编辑样式：

max-width: 800px;

如何访问此索引文件以更改此div的宽度以匹配其父容器的宽度？谢谢！

编辑：在WordPress中，您在浏览器中看到的#wds_container1_0 #wds_container2_0 .wds_slideshow_image_wrap_0 { background-color: rgba(0, 0, 0, 0.00); border-width: 0px; border-style: none; border-color: #000000; border-radius: ; border-collapse: collapse; display: inline-block; position: relative; text-align: center; width: 100% !important; /* max-width: 800px; */ box-shadow: ; overflow: hidden; z-index: 0; } 文件是其他文件的组合 - index.php，header.php，{{ 1}}（或footer.php，具体取决于您的设置），也许front-page.php。因此，您无法在page.php中搜索元素 - 该文件与在浏览器中呈现的文件不同。

相反，SSH进入您的服务器并在终端中执行sidebar.php命令以搜索有问题的元素：

https://mediatemple.net/community/products/dv/204403684/connecting-via-ssh-to-your-server

https://www.siteground.com/tutorials/ssh/searching/

Answer 1

您可以通过样式表覆盖样式。通过定位样式所在的自定义容器或使用！important（这是不可取的）

以此为目标的示例＆＃34;＃wds_slideshow_image_wrap_0＆＃34; ？你可以用

body #wds_container2_0 .wds_slideshow_image_wrap_0 {
/**your code**/
max-width: 100%;
}

OR

body #wds_container2_0 div.wds_slideshow_image_wrap_0 {
/**your code**/
max-width: 100%;
}

将上述代码复制到样式表