- This topic has 4 replies, 2 voices, and was last updated 6 years, 10 months ago by
.
Hi,
I’m trying to change style of contact 7 submit button. I’ve defined an id attribute and placed the following css in customize.
#contactus-submit{
background-color: #2a3e65 !important;
color: #ffffff !important;
}Unfortunately, this is overridding:
<div class=”styles-section-title styles-selector”>
<div><span class=”selector”><span class=”simple-selector selector-matches”>.sh-cf7-unyson form .wpcf7-submit</span></span> {</div>
</div>
<div class=”style-properties matched-styles monospace”>
<div class=”tree-outline-disclosure”>- <li role=”treeitem”><input class=”enabled-button” type=”checkbox” /> <span class=”webkit-css-property”>background-size</span>: <span class=”value”>200% auto</span>;
<li role=”treeitem”><input class=”enabled-button” type=”checkbox” /> <span class=”webkit-css-property”>background-image</span>: <span class=”value”>linear-gradient(to right, #2678c0 , #c06e26, #c06e26)</span>;</div>
</div>
<div class=”sidebar-pane-closing-brace”>}</div>
<div></div>
<div>How can I fix this?</div>
<div></div>
<div>http://box5762.temp.domains/~trailhg5/cardiacrms/contact-us/</div>
<div></div>
<div>Thanks, Joe</div>sorry, this is overridding it not the other code.
.sh-cf7-unyson form .wpcf7-submit {
background-size: 200% auto;
background-image: linear-gradient(to right, #2678c0 , #c06e26, #c06e26);
}Solution for this topic
Hi @joeg10,
I hope you are well today and thank you for your question.
To achieve this, please try using below CSS code.
#contactus-submit { background: #2a3e65 !important; color: #ffffff !important; }Best regards,
Shufflehound teamThanks that worked!
You are most welcome here 🙂
