Okay
  Public Ticket #2272900
custom css nectar button contact form 7
Closed

Comments

  • jensdes started the conversation

    HI I'm trying to use custom css to style the submit button for my survey form to match the other buttons on my site (you can use the first one on the home page as an example). The div class is "nectar-3d-transparent-button". I'm also having trouble getting the font sizes equal for the field text and the label text... something in the css is overwriting my styling. And I can't get the button to center. 

    Here's the code I have currently. Any help is appreciated. Thanks Jen

    /* Contact Form 7 Styles */
    .wpcf7 {
    color: #232323
    }

    .wpcf7 input[type=submit] {
        display: block;
        margin-top: 20px;
        margin-right: 40px;
        margin-left: 40px;
        width: 229.719px;
        height: 90px;
        visibility: visible;
        
    }

    .wpcf7-label {
    font-size: 10px;
    color: #232323;
    }
    .wpcf7-input {
    font-size: 18px;
    }

    .wpcf7-form-control-wrap email-136 {
        font-size: 18px;
    color: #232323;
    }
    #fws_5e1f9d942d743 {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 25px;


    }

  •  3,025
    Andrew replied

    Hi jensdes,

    Use the following custom css:

    div .wpcf7-submit {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    input[type="submit"] {
        font-size: 18px;
    }
    

    Hope this helps.