wordpress - 联系 Form 7 Css 样式

Question

我最近有一个高级主题，mailchimp 的表单看起来非常酷。

我想知道我是否可以将样式用于我的 3 Field Based Contact 表单“REQUEST A CALL BACK”- 名称输入字段、号码输入字段和 CALL ME 按钮。

通过 Chrome 检查器检查后，以下用于 mailchimps 表单字段

.subscribe-box .form-control {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 50px;
    box-shadow: none;
    color: #4c5462;
    font-size: 18px;
    height: 65px;
    padding: 0 158px 0 50px;
}


.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

看起来像这样

SUBSCRIBE FORM FIELD WITH BUTTON ABSOLUTE

因为我想使用联系表格。我想让我的表单字段内联(单行)，在 NUMBER FORM FIELD 上有一个 CALL BUTTON。

像这样的 THAT I"D LOVE TO HAVE但必须在电话 View 中内联

以下是我的联系方式

[text* text-833 "NAME"] 
[tel* tel-572 "PHONE"] 
[submit "CALL ME"]

感谢任何帮助/输入问候

Answer 1

根据我的阅读，您在应用这些样式时需要帮助。

一种方法是使用自定义 CSS 编辑器插件，例如 this one .从那里，您可以将这些样式应用于所有表单。

另一种方法是使用“class:your-class-name”为每个短代码添加一个类。例如:

[text* text-833 "NAME" class:textstyle] 

然后您可以再次从您的自定义 CSS 编辑器应用这些样式。