Okay
  Public Ticket #1353588
contact form 7 nectar submit button
Closed

Comments

  •  5
    Steve started the conversation
    November 1, 2017 at 2:00am

    Hi I'm trying to style the contact form 7 nectar submit button to look like the other buttons on my site. I'm using the "see-through" option, using salient 8
    Here is my custom CSS:

    /*submit button */
    body[data-form-submit="see-through"] input.wpcf7-form-control.wpcf7-submit {
        font-family: "Open Sans";
        font-size: 16px;
        letter-spacing: 2px;
        color: #ffffff !important;
        text-transform: uppercase;
        width: 100%;
        border-color: #ffffff !important;
    }
    body[data-form-submit="see-through"] input.wpcf7-form-control.wpcf7-submit:hover {
        color: #000000 !important;
        background-color: #ffffff !important;
    }

    Everything works except the last line "background-color: #ffffff !important;"
    Any help would be great, thank you,

    Steve

  •  9,068
    Tahir replied
    November 1, 2017 at 10:54am

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  •   Steve replied privately
  •  9,068
    Tahir replied
    November 2, 2017 at 10:32am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    body[data-form-submit="see-through"] .container-wrap .span_12.light input[type=submit]:hover {
    background-color: #fff !important;
    opacity: 1 !important;
}

    Thanks

    ThemeNectar Support Team 

  •  5
    Steve replied
    November 2, 2017 at 1:04pm

    Perfect thank you!