Text White
-
Hello, please help me because the contact form show me on text white, what i need to do to fix this ? Thanks
https://gyazo.com/3e823b683be8540ddd31ee683001ad3e
-
Please include a link to your Contact Form 7 form.
Yes is a Contact Form 7.
Please include a link to your Contact Form 7 form so we can examine your form in detail using Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements.
Davmerit, this a link of my site with contact form 7
Please include all the input in the Form of the CF7 interface. Looks to me that there is some in-line styling.
Davmerit sorry, but i dont, understand, what i need to do to fix this ?
can explain more?Please check the form tab of your contact form 7 settings and supply me with all form tags/elements you have used in your form.
I would have a better understanding of the what the actual problem is and provide you with the code you to need to solve the problem.
Hey Davmerit, the shortcode is
[contact-form-7 id=”370″ title=”Contato”]
<p>Seu nome (obrigatório)
[text* your-name] </p><p>Seu e-mail (obrigatório)
[email* your-email] </p><p>Telefone(Opcional)
[text your-phone] </p><p>Assunto
[text your-subject] </p><p>Sua mensagem
[textarea your-message] </p><p>[submit “Enviar”]</p>
The actual look of CF7 forms on your website will depend largely on the current WordPress theme used and the CSS styling that theme applies to standard HTML form elements.
To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.
See Styling Contact Form for a general explanation of styling CF7 forms using CSS.
There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.
I have examined your site with firebug, below is the code that makes the text on your form white and invisible
Problem code:p { color: #FCFCFC; font-family: "Roboto"; font-size: 35px; font-style: normal; font-weight: 400; }correction code:
.wpcf7-form > p { color: #000; font-size: 14px; }Add your CSS via Child Theme or use custom CSS plugin.
Thanks Davmerit, finally work, let me ask how i can change the font of Contact Form to roboto, is possible, or samenthing next this ? The code to phone is [tel tel-406] i put but dont arrive on my email. Thanks
Thanks
If this resolves your question, it helps others contributing here, if you can flag your post as [resolved]
let me ask how i can change the font of Contact Form to roboto, is possible, or samenthing next this ?
I would suggest you start a new topic on this one. I would look out for it and assist you.
Yes i will. Thanks Davmerit.
The topic ‘Text White’ is closed to new replies.