Archived topic

Form Styling

1 reply · Started by ken on November 12, 2020

Viewing posts 1–2 of 2

November 12, 2020 at 1:13 am #1527856

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!

November 12, 2020 at 7:53 am #1528557

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;

This archived topic is closed to new replies.

Start building better websites today.