将Wordpress小部件CSS样式转换为另一个文本块?

时间:2018-04-25 17:52:55

标签: html css wordpress woocommerce styles

我有一个小问题,不知道如何解决自己(这有点棘手)。我想获得小部件样式(蓝色线条,每个小部件都有它)到页面文本标题所以所有元素看起来都一样。以视觉方式展示我的想法:

enter image description here

并希望将“DoporučenéProdukty”标题的相同风格改为同一页面。

enter image description here

我检查了样式,看到每个小部件的蓝色悬停与此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

1 个答案:

答案 0 :(得分:1)

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

这应该这样做,并且底部的边距是可选的,但在您的网站上看起来更好。希望它适合你:)