Contactform 7 – text & background color in fields

[mcsinn]

Hi there,

I am using the contactform on http://mcprezi.com (at the bottom) but I need to customize its colors. Where can I change the background color and the textcolor of the field area, where the user will enter his information? Which .css-file is it? Which lines would I have to change?

Thanks and regards,
Michael

[sharmstr]

You dont edit core files. You override the css either by using your child theme’s styles.css file or by putting your overrides in Theme Options > General > Quick CSS. Here’s the css its using now

COPY CODE

.wpcf7 textarea {
  border: 1px solid rgba(0,0,0,.1);
  background: rgba(255,255,255,.1);
  margin: 0;
  width: 100%;
  color: #bbb;
  padding: 10px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"] {
  border: 1px solid rgba(0,0,0,.1);
  background: rgba(255,255,255,.1);
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
  width: 100%;
  margin-bottom: 10px;
  color: #bbb;
}
.wpcf7 input[type="submit"] {
  border: 1px solid rgba(0,0,0,.1);
  background: rgba(255,255,255,.1);
  transition: all .3s ease-in-out 0s;
  border-radius: 2px;
  font-size: 12px;
  height: auto;
  line-height: 18px;
  margin: 0;
  padding: 14px 16px;
  text-transform: uppercase;
  min-width: 100px;
  color: #888;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[mcsinn]

Thanks! That worked!

I hope the Quick CSS will not be overriden by future updates.

[sharmstr]

That’s the point of it. Its update safe.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts