Получить стиль CSS виджета Wordpress в другой текстовый блок?

Question

У меня есть одна маленькая проблема CSS, которая не знает, как решить себя (это немного сложно).Я хочу, чтобы стиль виджета (синяя линия под каждым виджетом, у которого он есть) помещался в заголовок текста страницы, чтобы все элементы выглядели одинаково.Чтобы наглядно показать, что я думаю:

и хочу получить такой же стиль для заголовка заголовка «Допустимые продукты» на той же странице.

Я проверил стили и вижу, что синее наведение внизу каждого виджета связано с этим 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;
  }

Так что кто-то, чтобы помочь мне, какприменить этот стиль также к тексту заголовка? Ссылка с 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;
}

Это должно быть сделано, и поле снизу необязательно, но выглядит лучше на вашем сайте.Надеюсь, это работает для вас:)