更改使用wordpress插件填充的内容标签的颜色?

时间:2017-04-12 16:42:26

标签: html css wordpress tabs

我正在使用名为“响应标签”(由WP Darko提供)的Wordpress插件来填充我正在处理的教育网站的标签中的不同内容。我尝试将5个标签中的每个标签的颜色更改为与我在插件设置中选择的默认颜色选项不同。插件支持团队告诉我,使用CSS可以实现这一点,但是我无法解决这个问题,因为我们是一个公共资助的学区,所以我无法支付费用,而且我没办法#39;我将获得预算批准,让某人改变网站上某些内容的颜色。

这是测试网站:http://www.wcsddata.net/test/

我只在网站上添加了该插件。我想在选中时更改选项卡的颜色以及选项卡下内容区域的顶部边框(您可以看到它们现在都是相同的颜色)。

我已尝试过大量的标签类变体" .1189-tab-link-0"," .1189-tab-link-1"等等,我无处可去!

任何帮助确定哪些课程将完成工作将非常感激!然后使用!important标签应该完成工作。正确?

谢谢!

2 个答案:

答案 0 :(得分:0)

当标签处于活动状态时,您可能想要更改颜色:D 试试这个

classname:active { background-color: red; }

或文字颜色变化

classname:active { color: red; }

改变边界的方法相同..

答案 1 :(得分:0)

您网页上的HTML使用内联样式,例如:

<li class="mobile_toggle">&zwnj;</li><li class="current"><a style="background:#f19803" class="active 1189-tab-link-0" href="#" data-tab="#1189-tab-0">Self-Awareness</a></li>

要更改颜色,请更改十六进制值#f19803。因为这会选择整个链接列表,所以它将改变所有链接的颜色。内联样式不是最佳实践,但是要更改每个单独的链接,您可以通过添加样式=&#34;背景来改变每个单独li标签的背景颜色:#(十六进制颜色)&#34;每个人。示例:

<a style="background:#ff55ff" href="#" data-tab="#1189-tab-2" class="1189-tab-link-2">Social Awareness</a></li>