时间戳

首页 > 解决方案 > 将 Wordpress 小部件 CSS 样式获取到另一个文本块？

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

问题描述

我有一个不知道如何解决自己的小 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;
  }

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

标签： htmlcsswordpresswoocommercestyles

解决方案

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

应该这样做，并且底部边距是可选的，但在您的网站上看起来更好。希望这对你有用：）

推荐阅读