Home › Forums › Jevelin Theme › Contact 7 Submit Button
Home › Forums › Jevelin Theme › Contact 7 Submit Button
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”>
</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 team
Thanks that worked!
You are most welcome here 🙂