如何使用原生wordpress自定义>附加css为特定的ELEMENTOR部分设置样式？

hkmswyz6 于 11个月前发布在 WordPress

关注(0)|答案(3)|浏览(160)

.elementor-widget-image{
   display: none;
   }

个字符

<div class="elementor-element elementor-element-6806127 elementor-widget elementor-widget-image" data-id="6806127" data-element_type="widget" data-widget_type="image.default">

型
在这个元素或主题中的其他页面使用了我添加的一个部分的HTML代码。
当我使用.elementor-widget-image为想要的页面设置样式时，这个样式会应用到其他每个有这样一个部分的页面。
我尝试将ID（即data-id“6806127”）作为目标，以便样式只影响此页面。
请帮帮我

wordpress

来源：https://stackoverflow.com/questions/71351632/how-do-i-style-a-particular-elementor-section-using-the-native-wordpress-customi

3条答案

按热度按时间

yr9zkbsy1#

您可以直接使用data attribute作为CSS选择器来样式化它

[data-id="6806127"] {
    /* Styles */
}

字符串
工作示例

[data-id="6806127"] {
  background: red
}

<div class="elementor-element elementor-element-6806127 elementor-widget elementor-widget-image" data-id="6806127" data-element_type="widget" data-widget_type="image.default">abc</div>

的数据

赞(0）回复(0）举报 11个月前

ltskdhd12#

最好的办法是
1.通过导航到Edit {Element Name} > Advanced > CSS Classes，为节、列或模块分配自定义类
1.使用Inspect元素来标识您要定位的相关类和标记
1.在Appearance > Customize > Additional CSS中编写所需的CSS
或者，你可以使用Elementor Pro，在“高级”选项卡中为每个特定的模块编写CSS

赞(0）回复(0）举报 11个月前

bbmckpt73#

如果你想让你的css只影响一个页面，你可以使用wordpress生成的页面id。当你检查元素并转到body class时，你可以在body上看到一个类，像这样。page-id-103。这个ID在每个页面都是唯一的，你可以把它作为你的css示例的第一个选择器：

body.page-id-100 .elementor-widget-image{
   display: none;
}

字符串

赞(0）回复(0）举报 11个月前

我来回答

如何使用原生wordpress自定义>附加css为特定的ELEMENTOR部分设置样式？

3条答案

相关问题

热门标签

最新问答