Dear Archint,
instead of changing theme css you can try other themes which will match with your website.
I tried all but no one is matching perfectly, so I posted to grt the code. There is an option to add our own theme too, so can’t we add theme which can match my website theme.
Dear Archint,
You can edit the css of the theme. If you don’t manage to do that, please tell us what you want more detailed and we will try to help you.
I want the form I have embeded through form maker plugin should match the css of my other website form theme. Like you can see my other contact form.
http://archintdesigns.com/vendorship/
Dear Archint,
You should first of all select a theme which has a transparent background. It will mostly look like the form you mentioned. Afterwards, if there is still something you want to change, you can tell us and we will advice you the css code.
I have used the Standard one, as you can see the typing area is not visible properly as its visible in right hand side form. I want my form to look same as the right one. How to make it look similar.
Dear Archint,
You should add the following code to your current form theme css field:
input[type=”text”] {
border: 1px solid #000 !important;
}
This is the code of my website form theme so can we customize our wdform theme css accordingly please:
wpcf7-form-control {
max-width: 100%;
box-sizing: border-box;
}
input[type=submit].wpcf7-submit{
position: relative;
text-align: center;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
margin-right: 5px;
margin-bottom: 5px;
color: #909090;
cursor: pointer;
border: 1px solid #909090;
background: transparent;
padding: 7px;
font-size: 12px;
line-height: 12px;
}
input[type=submit].wpcf7-submit:hover{
color: #404040;
border-color: #404040;
}
Dear Archint,
You should remove these lines from your css code and your form will closely look like the one the link of which you gave us:
text-align: center;
text-transform: uppercase;