Tagged: CONTACT FORM
Hello. I had the “Contact Form 7” form setup for the last couple of years – and there was frustration with the ReCaptcha and my clients getting blocked – so I have gone back to using the basic ENFOLD Contact Form.
NOTE:
I am running Enfold V4.4
WordPress V4.9.16
I wanted to use the colour and border and hover styling that you kindly helped me set up on the CF7 form SUBMIT button – so I wanted to replicate that same styling on the Enfold contact form SUBMIT button.
Shown below was my CSS as used on the CF7 form:-
Can you please let me know what CSS I need to setup to get the same colours and borders and padding etc on the ENFOLD Submit button?
I would be grateful for your help and look forward to hearing from you.
Thanks
Peter
******************CSS – I previously used for styling CF7 **********
/* CF7 Submit Button CSS Styles */
.wpcf7 input[type=submit] {
padding:15px 45px;
background:#FCE228;
color:#232323;
font-size:16px;
font-weight:bold;
border:1px solid #232323;
cursor:pointer;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
}
/* CF7 Submit Button CSS Hover Styles */
.wpcf7 input[type=submit]:hover {
background-color: #232323;
color: #FCE228;
border:1px solid #232323;
}
Hey premedia,
Please try this CSS instead:
p.form_element input.button {
padding:15px 45px;
background:#FCE228;
color:#232323;
font-size:16px;
font-weight:bold;
border:1px solid #232323;
cursor:pointer;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
}
p.form_element input.button:hover {
background-color: #232323;
color: #FCE228;
border:1px solid #232323;
}
If that doesn’t work then please post a link to where we can see the actual form.
Best regards,
Rikard