[Support request] Form Styling

[ken]

Hi there,

I am having some problems with the styling here , I am not sure if it has to do with the form or the theme. The form seems to be taking the background color of the theme. I tried

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 3px 6px #00000040;
	border-radius: 40px;
	opacity: 1;
}

but it doesn’t change the input field background color. Besides, the color of the whole page seems to be a little off.E.g. the texts should have this #273AC5 color but it seems to be somewhat pale.

Thanks!

[David]

Hi there

you have this CSS on your site which is reducing the forms overall Opacity:

.wpcf7 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 40px;
    opacity: 0.65;
    padding: 60px;
}

I am not sure why you use this CSS either:

background: #FFFFFF 0% 0% no-repeat padding-box;

Instead simply use background-color with your hex color:

background-color: #273AC5;

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts