Wordpress按鈕不繼承自定義CSS類

我想在網站http://mygapyear.wpengine.com/上使用Qode Bridge主題在Wordpress的頁腳中添加兩個按鈕。的按鈕（放置在頁腳小工具區域）的代碼如下：Wordpress按鈕不繼承自定義CSS類

<div> 
<div style="margin-top:10px"> 
[button class="newsletterButton" icon="fa-arrow-right" target="_self" text="Newsletter signup" color="#ffffff" hover_color="#ffffff"] 
</div> 
<div style="margin-top:10px"> 
[button class="newsletterButton" color="#ffffff" hover_color="#ffffff" icon="fa-arrow-right" target="_self" text="Request a Brochure"] 
</div>

我有幾個問題：

的按鈕似乎並沒有被繼承的類 - 在瀏覽器中檢查它們表明它們都仍然在qbutton類中。我已經放在CSS代碼，在兩個WP的外觀>編輯器部分的類和Qode選項>常規>自定義CSS部分：
```
.qbutton .newsletterButton{ } 
```
「顏色」和「hover_color」屬性的按鈕短代碼似乎沒有任何影響 - 是否有一種方法可以在CSS中實現這一點，以確保顏色被更改？
有沒有辦法將按鈕寬度設置爲包含它的div寬度的百分比？

來源

2016-01-21 Trudie Spangenberg

我不能幫Qode Bridge按鈕簡碼問題，但是如果CSS輸出到相同的類屬性（我只看到'class = qbutton'），那麼CSS應該是'.qbutton.newsletterButton'。要回答問題3，將'a'元素設置爲'display：block'，以便應用寬度。 –

卡爾是正確的類 - 如果您試圖引用相同的元素與兩個類，你想使用.qbutton.newsletterButton { }。如果你的問題是，你不能讓你指定要應用的類，也許你可以嘗試把類的DIV周圍的按鈕，像這樣：

<div style="margin-top:10px" class="newsletterButton"> 
    [button icon="fa-arrow-right" target="_self" ..etc] 
</div>

，並使用CSS

.newsletterButton .qbutton { }

您可以在懸停在CSS中設置樣式 - 嘗試.newsletterButton:hover { }。

你也可以使用百分比寬度 - 只需在你的CSS中使用屬性width: 50%;（或任何你想要的寬度）。來自CSS技巧的Here's a good article關於百分比寬度。

來源

2016-01-21 16:19:38 Donald

Wordpress按鈕不繼承自定義CSS類

回答

相關問題