Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 8, 2019 at 11:46 pm #1051523
    flightdeck

    Hi, I have an enfold contact form which I would like styled like the enfold contact form. How do I achieve this? I tired this code but the submit button is not the same size…

    /*----------------------------------------
// CSS - Styling contact form 7
//--------------------------------------*/

/* Textarea email and input fields */
#top .wpcf7-form input[type='text'],
#top .wpcf7-form input[type='email'],
#top .wpcf7-form .wpcf7-textarea {
/*border-color: #d0d2d3;*/
/*background: #dbebfa;*/
/*color: #00334e;*/
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 17px;
line-height: 1em;
padding: 13px!important;
border-radius: 2px;
}

/* Submit button */
#top .wpcf7-form .wpcf7-submit {
padding: 15px 30px;
border-radius: 2px;
}

    Is there a way to hide the Hide Form Labels like in the enfold as well?

    • This topic was modified 6 years, 6 months ago by flightdeck.
    January 11, 2019 at 7:27 am #1052606
    Ismael

    Hey flightdeck,

    Thank you for using Enfold.

    Is there a way to hide the Hide Form Labels like in the enfold as well?

    You have to enable the placeholder text for each field: https://contactform7.com/setting-placeholder-text/
    And put the input field outside the label tag. You can then use this css code to hide the label:

    .wpcf7 label {
    display: none !important;
}

    Best regards,
    Ismael

    January 15, 2019 at 7:44 pm #1054301
    flightdeck

    Hi, I don’t see any solution for the form styling? Also when I add the code you gave me it hides all the form boxes….

    January 17, 2019 at 9:09 pm #1055154
    Victoria

    Hi flightdeck,

    https://cl.ly/5262463986ee Well, with the way the html is for the CF form it’s very hard to make it look the same, it’ll require some JavaScript not only css.

    Unfortunately, this kind of customization is out of the scope of our support.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.