lioneldeymier

Perfect. Thank you Harish! ??
Have a beautiful week.

Hello Harish,

Thanks man, now, the button is below the boxes, perfect.
But, the background-color does not work. Have you an idea why ?

On this page, the 1st option is chosen. I tried to change, that does not change. Is it ok ? Thank you Harish.

https://i.cubeupload.com/5NvABX.png

Thanks man. But… Check what it does

I don’t want to waste more your time. If you don’t answer, no problem.. ??

Oh yes very nice. With some pixel padding between lines it would be great! :))
Could you paste your css text please wolfango ?

Hmmmm thank you but nothing changed :((

Hello Wolfango,
very nice site.
The address is https://www.test1.rosey.ch.

I would like the same kind of button than you : below the form, and colored.

For the moment, my form is set with the 1st option “heritier du theme wordpress”.

If I choose another one “red”, “blue”… It adds space between the forms, like that : click here

ok, you have already done a lot for me.
Thank you ! ??

Thank you, it’s better.
But, it would be still beter of the button was below the 3 forms. Could you understand why ?

please check this image

Please scroll down to see the form :
https://test1.rosey.ch/

Wow yes, nice.
Could you please paste here your form html code and css code ?
Thank you very much

It worked ? Could you show me what it did ?
Yes, I’ve put it on the custom css, but nothing changed.

I’ve tried even with the plugin “simple custom css”. Does not work ??

I think something is wrong on my html or css ? Could you tell me what is wrong, please ?

Please check this image to understand.

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

<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.

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.

I also tried to put the css on style.css, but it still does not work ! ??

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,

I have exactly the same problem. See here :

Could you please explain me where to put the css ?
I tried directly in the html of my form, like that, but it does not work.
Thank you in advance.

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

<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">