2016-10-18 101 views
0

嗨,夥計們我試圖覆蓋我們的WP插件的樣式,並在我們自己的樣式表中設置樣式有沒有辦法做到這一點?我嘗試在與插件名稱相同的樣式表中爲它們創建類,之後我也嘗試使用!improtant ...這是它在dev控制檯中的樣子。 enter image description here覆蓋css for wordpress插件?

這是我用來嘗試覆蓋插件的CSS的代碼。

#ai20 h3{ font-weight:bold!important; } 

此外,我還添加了這個只是爲了確保,而什麼都沒有。

.statistics h3 { font-weight:bold!important; } 

我不知道爲什麼它不更新的CSS,如果任何人都可以給我一個我會非常感激。

回答

1

使用插件https://nl.wordpress.org/plugins/simple-custom-css/ 它會自動覆蓋你當前的CSS並添加新的,我總是使用它!你所要做的就是調用你想要在插件中設置風格的id或class,並按照平時的樣式進行設置。

+0

插件工作的魅力隊友的感謝! –

+0

很高興幫助@JamesClapson –

2

你寫的新規則還沒有被應用,你可以在您發佈的截圖中看到,所以請您添加它到CSS文件,並確保:

  1. 該CSS文件正確
  2. 鏈接
  3. 樣式不嵌套在其他一些規則
  4. CSS文件不被緩存(硬刷新)

您可以使用自定義CSS插件,子主題或簡單的添加你重寫規則到底的您在Wordpress編輯器中的主要CSS文件。

此外,ID將優先於該類,即使該類在它之後。你爲什麼試圖用相同的屬性/值重寫?

一旦規則被正確應用,這將很好地工作:

.statistics h3 { font-weight:bold } 
+0

感謝隊友,我對編碼很陌生,所以有些事情我仍然在那裏,我用了一個自定義的css插件,現在它工作的很好!乾杯。認爲我們的css存在問題,因爲我們的更新沒有任何工作正在進行...... flm謝謝你! –

+0

當然。如果您檢查輸出的頁面,並且您的CSS文件不存在,請檢查源代碼以查看原因,如果它存在但您的規則不存在,請檢查它是否已保存並且未被緩存。 –