css 如何停止重复文本

irtuqstp  于 2022-11-19  发布在  其他
关注(0)|答案(2)|浏览(156)

我有一个WordPress站点,我需要更改我的HTML站点中的“We are now open“文本。由于我的编辑器不工作,我使用CSS替换文本。我找到了正确的类并应用了以下更改,但问题是更改的文本重复。它应用了两次,我只需要较大的一个。我如何停止重复?
应用自定义CSS后的视图

我套用的自订CSS

.elementor-element-4756de9  {
    visibility:hidden;
    position:relative;
}
.elementor-element-4756de9 :after {
    visibility:visible;
     position: absolute;
    top: 0;
    left: 0;
    content: "We are closed for the season";
    
    
}

HTML Code

<div class="elementor-element elementor-element-4756de9 elementor-widget elementor-widget-heading" data-id="4756de9" data-element_type="widget" data-widget_type="heading.default">
   <div class="elementor-widget-container">
   <h2 class="elementor-heading-title elementor-size-default">We are now open for the 2022 Season</h2>
   </div>
</div>

我试着使用里面的文字,但是没有用。有办法停止重复吗?

sy5wg1nm

sy5wg1nm2#

添加h2解决了该问题

.elementor-element-4756de9 :after {
    visibility:visible;
     position: absolute;
    top: 0;
    left: 0;
    content: "We are closed for the season";
    
    
}

相关问题