2017-04-12 87 views
0

我正在使用一個名爲Responsive Tabs(WP Darko)的Wordpress插件來填充我正在處理的教育網站的選項卡中的不同內容。我試圖將5個選項卡中每個選項卡的顏色更改爲與我在插件設置中選擇的默認顏色選項不同。插件支持團隊告訴我這可以使用CSS,但我無法弄清楚,我無法支付他們這樣做,因爲我們是公共資助的學區,而且我不會去獲得預算批准,讓某人更改網站上的某些東西的顏色。使用wordpress插件改變填充內容標籤的顏色?

這是測試網站:http://www.wcsddata.net/test/

我只包括網站上的插件。我想在選中時更改選項卡的顏色和選項卡下內容區域的頂部邊框(可以看到它們現在都是相同的顏色)。

我試過了很多標籤類「.1189-tab-link-0」,「.1189-tab-link-1」等等的變體,而且我無處可去!

任何幫助確定哪些類將完成工作將非常感激!然後使用!重要標籤應該完成工作。對?

謝謝!

+0

我開始懷疑是否必須在javascript中更改它?我不願意這樣做,但支持團隊告訴我可以在CSS中完成。 JS下面。 –

+0

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 –

回答

0

男人也許你想改變顏色,當標籤被激活:d 試試這個

classname:active { background-color: red; } 

或文字的顏色變化

classname:active { color: red; } 

同樣的方法來改變邊境..

+0

謝謝你嘗試...沒有工作:( –

+0

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

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。因爲這有所選鏈接的整個列表,它將改變所有鏈接的顏色。內聯樣式不是最佳實踐,但要更改每個單獨的鏈接,可以通過向每個鏈接添加style =「background:#(hex color)」來更改每個單獨的li標籤的背景顏色。例如:

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

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

+0

在CSS部分(樣式標記之間),您需要通過引用它們的類來選擇每個標記,這裏用.1189-tab-link-1 {background:#ff 00FF;等等。}。我認爲你無法單獨選擇這些標籤的原因是因爲CSS中的其他選擇器具有更高的優先級,因爲它們更具體。讓你的選擇器更加具體化需要選擇li和a以及課程。 –

+0

謝謝。我試過這個(下面)無濟於事。思考? –