• Hey! Im trying to customize the colors with custom css but Im just a begginer. I`m having trouble with the select field. Now it´s grey and I would like it #e8e2d6. Could you please help me? I could manage to change the texts fields with this code but I was unnable to adapt it to the select field… Do I have to use something different for the box and the arrow? Any way I could also add border so it matches with the text fields?
    I know there are some plugins to help with this but just didn´t get the look I needed with them.
    Thanks! Great plugin!

    .wpcf7-form input { 
    	background:#e8e2d6; 
    	padding:5px 7px; 
    	border:2px solid #4f1c1c; 
    	margin-bottom:8px; 
    	border-radius:7px;
    }
    
    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7-form textarea { 
    	background:#e8e2d6; 
    	padding:5px 0px 5px 7px; 
    	border:2px solid #4f1c1c; 
    	border-radius:7px;
    }
    
    .wpcf7 output
    .wpcf7-mail-sent-ok
    {
    background-color: #1f392c !important;
    }

The topic ‘customize select field’ is closed to new replies.