使用wordpress插件改变填充内容标签的颜色？

我正在使用一个名为Responsive Tabs（WP Darko）的Wordpress插件来填充我正在处理的教育网站的选项卡中的不同内容。我试图将5个选项卡中每个选项卡的颜色更改为与我在插件设置中选择的默认颜色选项不同。插件支持团队告诉我这可以使用CSS，但我无法弄清楚，我无法支付他们这样做，因为我们是公共资助的学区，而且我不会去获得预算批准，让某人更改网站上的某些东西的颜色。使用wordpress插件改变填充内容标签的颜色？

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

我只包括网站上的插件。我想在选中时更改选项卡的颜色和选项卡下内容区域的顶部边框（可以看到它们现在都是相同的颜色）。

我试过了很多标签类“.1189-tab-link-0”，“.1189-tab-link-1”等等的变体，而且我无处可去！

任何帮助确定哪些类将完成工作将非常感激！然后使用！重要标签应该完成工作。对？

谢谢！

来源

2017-04-12 Ken Wright

我开始怀疑是否必须在javascript中更改它？我不愿意这样做，但支持团队告诉我可以在CSS中完成。 JS下面。 –

var rtbs_def_colors = { backgroundColor：'transparent'， }; （this）.find（'。rtbs_color'）。html（）; var breakpoint = $ j（this）.find（'。rtbs'）。（'.rtbs_breakpoint'）.html（）; var rtbssize = $ j（this）.width（）; if（rtbssize> breakpoint）{jw（this）.removeClass（'rtbs_full'）; $ j （this）.find（“。mobile_toggle”）。hide（）; $ j（t –

男人也许你想改变颜色，当标签被激活：d 试试这个

classname:active { background-color: red; }

或文字的颜色变化

classname:active { color: red; }

同样的方法来改变边境..

来源

2017-04-12 16:55:22 varto

谢谢你尝试...没有工作:( –

你能够添加你的类在HTML文件中找到链接文件和例如'' and then target both in css file – varto

您网页上的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。因为这有所选链接的整个列表，它将改变所有链接的颜色。内联样式不是最佳实践，但要更改每个单独的链接，可以通过向每个链接添加style =“background：＃（hex color）”来更改每个单独的li标签的背景颜色。例如：

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

来源

2017-04-12 17:03:49

I understand this, thank you. I also went and gave it a go but it doesn't work because I am using a plugin and the plugin uses PHP and CSS to implement the HTML you are seeing when you view source. In CSS, do you know how I can change this: Self-Management –

在CSS部分（样式标记之间），您需要通过引用它们的类来选择每个标记，这里用.1189-tab-link-1 {background：#ff 00FF;等等。}。我认为你无法单独选择这些标签的原因是因为CSS中的其他选择器具有更高的优先级，因为它们更具体。让你的选择器更加具体化需要选择li和a以及课程。 –

谢谢。我试过这个（下面）无济于事。思考？ –

使用wordpress插件改变填充内容标签的颜色？

回答

相关问题