Adjusting your Contact Form 7 plugin

bytimtex0077

1.5K followers

Updated 7 years ago

Hi,

What I found is that when I tried to put my Contact Form 7 plugin in my main sidebar, the field lengths were too long and bled over the side of my page.

So what I learned thanks to krystlezee's feedback on my site, was how to adjust the settings with CSS. Here is the code I am now using in my 'additional css' section under 'appearance' and 'customize.'

.wpcf7

{

background-color: #f7f7f7;

}

input[type="text"],

input[type="email"],

textarea

{

background-color: #fff;

color: #000;

width: 90%;

}

Hope this helps someone! The first background color in the code is for the background of the form itself to make it gray. The second background color is for the color of the fields (I kept them white).