"Demo Contact Form Style" (#1802817) / OrionThemes

Comments

Carlos MH started the conversation
November 29, 2018 at 11:48pm
In the demo import files there is no a style of contact form like in the live demo. I need to replicate the demo style. The demo only have a no styled contact form. Please help me.
569
OrionThemes replied
November 30, 2018 at 6:29am
Hi,
The contact forms should be imported with the demo. Not sure why they wouldn't import. Anyway, I created an export of the contact forms, which you can find attached.
Please navigate to Tools -> Import -> WordPress (run importer) to import this file.
I hope this helps.
Kind regards,
Andrej
OrionThemes
Carlos MH replied
December 1, 2018 at 1:12am
Thanks for the solution, it worked. Now i have my contact form like the demo shows. Is there a way to put the text inside the fields a little bit darker?. Right now is difficult to read. Thanks.

569

OrionThemes replied

December 1, 2018 at 8:59am

Hi,

the CSS to change the color is a bit complex, because browsers use different selectors. Also there are different type of fields in contact form.

Add this to Theme Options -> Custom CSS and change the color to the one you want:

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder  { 
    color: red!important; 
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909!important; 
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909!important; 
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909!important; 
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909!important; 
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #909!important; 
}
::placeholder { /* Most modern browsers support this now. */
   color:    #909!important; 
}
.wpcf7-form select, .wpcf7-form select:not([multiple='multiple']) option, .wpcf7-form input[type='date'] {
    color:    #909!important;
}

Kind regards,
Andrej

OrionThemes