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

您可以看到,我需要这个div的宽度来跨越它的父容器wds_container2_0宽度的100%:

我需要应用于max-width: 800px;的.wds_slideshow_image_wrap_0样式消失,所以我尝试将该类的样式复制并粘贴到样式表中,并注释掉max-width: 800px;。但正如你所看到的,这是没有效果的。
当滚动时,在检查器的“样式”选项卡中,我注意到这些样式的源文件/行位于(index):101

因为我无法在样式表中编辑样式:
#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;
}如何访问此索引文件以更改此div的宽度以匹配其父容器的宽度?谢谢!
编辑:在WordPress中,您在浏览器中看到的index.php文件是其他文件的组合-- header.php、footer.php、front-page.php (或page.php )(取决于您的设置),可能还有sidebar.php。因此,您不能在index.php中搜索元素--该文件与在浏览器中呈现的内容不一样。
相反,将SSH放入您的服务器并在终端中执行grep命令来搜索所讨论的元素:
https://mediatemple.net/community/products/dv/204403684/connecting-via-ssh-to-your-server
发布于 2017-04-28 18:05:02
您可以在样式表中覆盖样式。通过瞄准样式所在的自定义容器或使用!重要(这是不可取的)
以“FOr”为目标的#wds_slideshow_image_wrap_0示例?您可以使用
body #wds_container2_0 .wds_slideshow_image_wrap_0 {
/**your code**/
max-width: 100%;
}或
body #wds_container2_0 div.wds_slideshow_image_wrap_0 {
/**your code**/
max-width: 100%;
}将上述代码复制到样式表中。
https://stackoverflow.com/questions/43685879
复制相似问题