Contact 7 Submit Button

Home › Forums › Jevelin Theme › Contact 7 Submit Button

Home › Forums › Jevelin Theme › Contact 7 Submit Button

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    RESOLVED Posts

  • joeg10
    Participant

    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&gt;
    <div></div>
    <div>Thanks, Joe</div>

    joeg10
    Participant

    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);
    }

    Shufflehound Support
    Moderator

    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

    joeg10
    Participant

    Thanks that worked!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)