首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何用CSS编辑已安装的WordPress滑翔机插件的样式?

如何用CSS编辑已安装的WordPress滑翔机插件的样式?
EN

Stack Overflow用户
提问于 2017-04-28 17:35:12
回答 1查看 86关注 0票数 0

我安装了一个免费的响应图像滑块插件,由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

因为我无法在样式表中编辑样式:

代码语言:javascript
复制
#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.phpfooter.phpfront-page.php (或page.php )(取决于您的设置),可能还有sidebar.php。因此,您不能在index.php中搜索元素--该文件与在浏览器中呈现的内容不一样。

相反,将SSH放入您的服务器并在终端中执行grep命令来搜索所讨论的元素:

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

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-04-28 18:05:02

您可以在样式表中覆盖样式。通过瞄准样式所在的自定义容器或使用!重要(这是不可取的)

以“FOr”为目标的#wds_slideshow_image_wrap_0示例?您可以使用

代码语言:javascript
复制
body #wds_container2_0 .wds_slideshow_image_wrap_0 {
/**your code**/
max-width: 100%;
}

代码语言:javascript
复制
body #wds_container2_0 div.wds_slideshow_image_wrap_0 {
/**your code**/
max-width: 100%;
}

将上述代码复制到样式表中。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43685879

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档