How do I add white boxes to appear on my contact form under the phone number and how may we help you section? I think my coding is not correct. Please help.
See URL and screenshot below.
How do I add white boxes to appear on my contact form under the phone number and how may we help you section? I think my coding is not correct. Please help.
See URL and screenshot below.
Hi @frankieg1150,
Please edit the contact form from Dashboard contact.
There you could add the desired fields, labels, etc.
Thanks,
Cristian
Thank you, I edited the contact form from Dashboard contact, however when I use the code below, the bottom text area box background color is still not white.
#contact-us .section-content .wpcf7-form p .wpcf7-text {
background-color:#fff;
}
Also, how do I minimize the space between the Contact Us/Text and the contact form? There is a big gap of space.
Never mind, I was able to find a code to update all of the box colors.
But I still need to know how to minimize the space between the Contact Us/Text and the contact form? There is a big gap of space.
hi @frankieg1150,
Use this css code:
#contact-us .section-content .contact-us-box {
display:none;
}
Thanks,
Cristian
How do I change the button color so the word submit is a different color?
Use this css code and user your own values for color:
#contact-us .section-content .wpcf7-form p .wpcf7-submit {
color: #6dc904;
}
Thanks,
Cristian
This code is not working to change the button color of the word submit.
#contact-us .section-content .wpcf7-form p .wpcf7-submit {
color: #6dc904;
}
Also, is there a way to change the color of the title “Contact Us” and the text underneath? I may want to reverse the colors and have a white background with black text and gray boxes.
Thank you!
Hi @frankieg1150,
You will need to change the color value from green to your own colour.
Here is an example for white color:
#contact-us .section-content .wpcf7-form p .wpcf7-submit {
color: #fff;
}
You could change the text “contact us” by using this css code:
#contact-us .section-header h3, #contact-us .section-header p {
color: #fff;
}
Thanks,
Cristian