Okay
  Public Ticket #385413
Contact Form CSS for more Fields in WPCF7
Closed

Comments

  • Scott started the conversation

    I would like to apply the CSS for WPCF7 on the select and tel field types.

    I put he code below into the custom css section but it did not work. Will you please help.

    #contact-formular input[type="tel", input[type="select"]

    {

    color: #999999;

    font-family: \'Montserrat\', sans-serif;

    font-size: 14px;

    text-transform:uppercase;

    height: 20px;

    padding-left: 3%;

    padding-right: 3%;

    padding-top: 15px;

    padding-bottom: 15px;

    width: 94%;

    background:#f5f5f5;

    border-radius:3px;

    margin-bottom:20px;

    border:0;

    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;

    -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;

    -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;

    -o-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;

    transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    }

  •  1,973
    Support replied

    Hi,

    You have a syntax error. Please replace it with this:


    #contact-formular input[type="tel"], #contact-formular input[type="select"]


    Regards

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy