联系表格7插件提交buton

Question

我需要更改联系表单7的提交按钮样式。https://www.narwal.shop/contact-us/

• 更改背景颜色
• 添加边框半径2 px
• 添加悬停白色背景颜色，黑色字体和黑色边框

Normaly我找到了源代码并编辑了CSS文件，但这没有任何影响。你知道我要编辑哪个文件吗？

Click here for example

Answer 1

更改此

input#cntctbttn {
    color: rgb(255, 255, 255);
    background-color: red;
    border-radius: 2px;
}

并将其添加到外观中 - ＆gt;样式编辑器（style.css））

Answer 2

来自#cntctbttn的样式设置似乎会覆盖你的。只需在项目中搜索#cntctbttn并将其注释或删除即可。

Answer 3

将此代码放在css文件中：

{{#getNestedValue  ../data key=timestamp }}
    <li class="icon-calendar-events-16">
        <a href="{{ url }}">
            {{ title }}
        </a>
        <small>{{ location }}</small>
    </li>
{{/getNestedValue}}

肯定会起作用。

Answer 4

您可以在WordPress here中看到如何添加自定义CSS：

您需要使用以下选择器input#cntctbttn。

Answer 5

为提交按钮插入ID，然后使用以下代码：

input#id {
border: 1px solid #000000;
background: #caf1ff;
color: #ffffff;
border-radius: 2px;
}

input#id:hover {
background: #ffffff;
color: #000000;
}