Contact Us Section

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?

H @frankieg1150,

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