Hello @mverhofs1,
I am assuming that in your Custom CSS you have used a class that is not available on the contact page. So, kindly make sure that your class name is common which is the same for both the Contact page or the home page. Do not use a class like a page ID which is not common on each page.
If there is no problem with class them then can you share your snippets here? Then I will apply it to my server and check what is going wrong.
Cheers!
I use this for example:
div .wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
text-transform: uppercase;
background-color:#b99251!important;
font-family: ‘Evogria’;
letter-spacing: 2px;
color:#fff;
font-size:13px;
border-width: 0px;
padding: 11px 23px;
line-height: 16px;
}
Hi @mverhofs1,
It looks like your custom styles might have been overwritten by the default from styles.
To fix this, please try adding the !important tag to the custom CSS style values, like so:
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 29px !important;
background-color: #ffffff !important;
font-size: 15px !important;
color: #4d4d4d !important;
border-width: 0px 0px 2px 0px !important;
border-color: #b99251 !important;
border-radius: 0px !important;
}
And in case it helps, here’s a tutorial from WPBeginner on how to add custom CSS like this to your site.
Hope this helps!
