How to get CSS for submit button to work

Hi Siriusly,

Where are you adding these styles? It seems that you’re loading one of our default form themes, some of these styles have a pretty high “importance” because of issues with themes declaring their styles too strict.

It might be worth switching to the basic form reset and then adding your custom styles to see if that does the trick.

I’d also add quotes to the type="submit" part of your CSS rule.

.mc4wp-form input[type="submit"] {
    background: #FFB400 !important;
    color: #FFF !important;
    border-color: #FFCF00 !important;
}

Let me know if that doesn’t help!

Hello,

I’m marking this ticket as resolved as I have not heard back. If your issue is still unresolved, please feel free to mark this ticket as unresolved.

Hi — Sorry to be slow about folowing up. Thanks for your help! I’m loading styles in child theme’s CSS… Switching to basic form and adding styles to that seemed to do the trick. Thanks again.

I’m glad that worked, thanks for letting us know!

PS. Should you have a quick minute to spare, a plugin review here on www.remarpro.com would make us quite happy. ??

Hello guys.
I did not understand.
Please, can you tell me where to put css style ?
And what style to choose (basic…)

Thank you ??

Hello lioneldeymier,

You can add the custom CSS either to the “style.css” file inside your active theme or install a plugin “Simple Custom CSS” and add the CSS to it.

Thank you Harish.

It still do not work ??

Maybe I did something wrong. Let me explain you.

The “submit” button is on the same line than “email address”, and it is not supposed to be here. Please check this image to understand.

A guy on this forum had the same problem, and someone answered him to add the css below. It resolved his problem.

.widget form input[type=submit]
{
position: inherit !important;
}

But it still don’t work for me. Could someone help me to resolve this problem please ? Here is my form’s html :

<p>
    <label>Email Address</label>
    <input type="email" name="EMAIL" placeholder="Adresse mail" required>
</p>
<p>
    <label>First Name</label>
    <input type="text" name="FNAME" placeholder="Prénom" required />
</p>
<p>
    <label>Last Name</label>
    <input type="text" name="LNAME" placeholder="Nom" required>
</p>

<input type="submit" value="Abonnez-vous">

Thank you so much for your help.