Question

我想在网站http://mygapyear.wpengine.com/上使用Qode Bridge主题在Wordpress的页脚中添加两个按钮。按钮的代码（放置在页脚小部件区域中）如下所示：

<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类中。我已经在Appearance＆gt;中为该类放置了CSS代码。 WP的编辑部分和Qode选项＆gt;一般＆gt;自定义CSS部分：
```
.qbutton .newsletterButton{ }
```
按钮短代码中的“color”和“hover_color”属性似乎没有任何影响 - 有没有办法在CSS中实现这一点以确保颜色被更改？
< / LI>
有没有办法将按钮宽度设置为包含它的div宽度的百分比？

Answer 1

Karl对于类是正确的 - 如果您尝试使用两个要使用的类.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欺骗宽度百分比。

Wordpress按钮不继承自定义CSS类

1 个答案: