html - 将 Wordpress 小部件 CSS 样式获取到另一个文本 block ？

Question

我有一个小的 CSS 问题，我自己不知道如何解决(这有点棘手)。我想将小部件样式(每个拥有它的小部件下方的蓝线)添加到页面文本标题中，以便所有元素看起来都一样。直观地展示我的想法:

并希望在同一页面中使用与“Doporučené Produkty”页眉标题相同的样式。

我检查了样式，发现每个小部件下方的蓝色悬停都与此 CSS 相关:

textarea:focus, input:focus, h4.tt, h3.tt, .widget_gardengeneralposts h4, 
.list-custom-taxonomy-widget h4, .list-custom-taxonomy-widget li.current a, 
.widget_archive li.current a, .widget_categories li.current a, 
.widget_nav_menu li.current a, .widget_meta li.current a, .widget_pages 
li.current a, .widget_archive li:hover a, .widget_pages li:hover a, 
.widget_meta li:hover a, .widget_nav_menu li:hover a, .widget_categories 
 li:hover a, .list-custom-taxonomy-widget a:hover, .widget_categories li 
li:hover a, .widget_nav_menu li li:hover a, .widget_meta li li:hover a, 
.widget_pages li li:hover a, .widget_archive li li:hover a, .widget_pages li 
li:hover a, .widget_meta li li:hover a, .widget_nav_menu li li:hover a, 
.widget_nav_menu li:hover > a, .widget_categories li li:hover a, 
.widget_recent_comments li:hover, .widget_rss li:hover, .wtext a.active, 
.wtext a:hover, .dropcap-border, #bbpress-forums #bbp-user-wrapper h2.entry- 
 title {
  border-color: #070bf7;
  }

所以有人可以帮助我如何将该样式也应用于标题文本？ Link来自有问题的 URL。

Answer 1

.vc_custom_heading {    
    padding: 0 0 10px;
    margin: 0;
    border-bottom: 1px solid #FF0078;
    display: inline-block;
    border-color: #070bf7;
    margin-bottom: 10px;
}

这应该可以做到，底部边距是可选的，但在您的网站上看起来更好。希望它对你有用:)