Css changes

Resolved lioneldeymier
(@lioneldeymier)

10 years, 3 months ago
Hello,

I’ve just installed your great plugin. It works ! But I would like to customize it.
Pictures talk better than words:
here is how it is now
here is how I want it to be.

Could you please explain me how to do that ? I’ve already a custom css editor.

The url of my website is http://test1.rosey.ch

I’ve tried

.widget_mc4wp_form_widget {
background-color: #ffce25;
}
But, don’t work. Help please !

Here is my 2 codes:
```
.mc4wp-form form input[type="submit"] {
position: inherit !important;
}
```
```
<p> <label>Email*</label> <input name="EMAIL" placeholder="Email" required> </p>
<p> <label>Prénom*</label> <input name="FNAME" placeholder="Prénom" required> </p>
<p> <label>Nom</label> <input name="LNAME" placeholder="Nom"> </p>
<p> <input type="submit" value="Je m'abonne"> </p>
```
Thank you ! 🙂
https://ww.wp.xz.cn/plugins/mailchimp-for-wp/

Viewing 6 replies - 1 through 6 (of 6 total)

Plugin Contributor Harish Chouhan
(@hchouhan)

10 years, 3 months ago
Hello,

Your theme adds some styling rules to our forms which give the button an absolute position. To fix this, please add below code to the end of “style.css” in your active theme.
```
form.mc4wp-form input[type="submit"],
.mc4wp-form form input[type="submit"] {
    position: relative !important;
    color: #FFFFFF;
    background-color: #e4b745;
}
```
You would need to add additional styling to adjust the button width.

I hope that helps.
Thread Starter lioneldeymier
(@lioneldeymier)

10 years, 3 months ago

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.

http://i.cubeupload.com/5NvABX.png
Plugin Contributor Harish Chouhan
(@hchouhan)

10 years, 3 months ago
Hi again,

Can you please change the earlier code to this:
```
.mc4wp-form input[type="submit"] {
    position: relative !important;
    color: #FFFFFF !important;
    background-color: #e4b745 !important;
}
```
Secondly, can you also please try changing the Style option to the 2nd in the list “Basic”.
Plugin Contributor Harish Chouhan
(@hchouhan)

10 years, 3 months ago
Also, if you want to give all the input fields a 100% width, you can add below code:
```
.mc4wp-form-42 input {
    width: 100% !important;
}
```
Thread Starter lioneldeymier
(@lioneldeymier)

10 years, 3 months ago

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

Plugin Contributor Harish Chouhan
(@hchouhan)

10 years, 3 months ago

Glad that worked, thanks for letting us know!

PS. Should you have a quick minute to spare, a plugin review here on ww.wp.xz.cn would make us quite happy. 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Css changes’ is closed to new replies.

Tags