Okay
  Public Ticket #1802817
Demo Contact Form Style
Closed

Comments

  • Carlos MH started the conversation

    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.

    Attached files:  Screen Shot 2018-11-29 at 5.46.45 PM.png

  •  258
    OrionThemes replied

    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

    Attached files:  dentalia.wordpress.2018-11-30.xml

  • Carlos MH replied

    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.

    Attached files:  Screen Shot 2018-11-30 at 7.05.03 PM.png

  •  258
    OrionThemes replied

    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