Contact Form 7 Wordpress Background Color Problem!?!

Beginners - Learning PHP
#1

I’m working on a site and some how the contact form 7 will make some fields a black background and white text like I want the other is white or grey background and white text. I cant seem how to fix this problem. If I change the background color in the bootstrap it will fix the problem in the element inspector but I know that’s not right. the site is honey.comb.clear(dot)com (remove the periods in the domain). This has been driving me crazy look at the “Enter to Win” and the “Submit Testimonial”. The Submit button is also a light grey background and white text so its really hard to read. Seems like a simple fix but I cant get it.

Also does anyone know how I can add social media buttons in the header next to the logo?

Thank you!

#2

It is likely that it isn’t contact form 7, but the main style sheet. You may want to add in an additional rule for the contact forms inputs.

#3

Could you possibly send me in the right way of doing this? I have edited the CSS style sheet to get some stuff to work how can I directly make it focus on contact form 7?

#4

By adding a css rule that targets only inputs in that form.

#5

You probably want to target

.wpcf7-form-control-wrap input

in your CSS.

#6

Witch CSS file would I add that too? Or do I create a new one?
Thanks!

#7

In WordPress’s admin panel, you can add custom css rules. I would add it there, personally.

#8

There are several ways to add this:

1: If your theme has a custom CSS option put it there
2: A CSS plugin for custom CSS
3: Create a child theme and add it to the child themes CSS
4: Edit the CF7 CSS file

They are listed in the best to worst ways to do this.

Sponsor our Newsletter | Privacy Policy | Terms of Service