Contact form - it won't be showing as your sample contacting form like this:

Hi there,

I am using the plugin of contact form 7 but it won't be showing as your sample contacting form like this:

http://inkthemes.com/wptheme/infoway-sports/?page_id=22

How can I make it colorful same as theme color?

http://www.byronjp.com/?page_id=33

Thank you in advance.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.wpcf7-form-control.wpcf7-text {
background-color: #def3fb;
border: solid 1px #56c4ee;
}
 
.wpcf7-form-control.wpcf7-textarea{
background-color: #def3fb;
border: solid 1px #56c4ee;
}

This will solve your issue.

 

Thank you. How about this website color?

www.byronjp.com/contact/

I mean not for blue theme but for green one.

Kind regards.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.wpcf7-form-control.wpcf7-text {
background-color: #709d06;
border: solid 1px #567c01;
}
.wpcf7-form-control.wpcf7-textarea {
background-color: #709d06;
border: solid 1px #567c01;
}

In place of "#709d06" and "#567c01" you can put your color or color code.
This will solve your issue.

 

Hello,

Thank you for your advice. But this color wasn't the one I am after.
Could you tell me what is the color code to make like this contact form?
http://inkthemes.com/wptheme/infoway-restaurant/?page_id=21

Kind regards.

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.wpcf7-form-control.wpcf7-text {
background-color: #f5fde2;
border: solid 1px #bee367;
}
 
.wpcf7-form-control.wpcf7-textarea {
background-color: #f5fde2;
border: solid 1px #f5fde2;
}