CSS to adjust submit button padding

[nigelfaraday67]

Hi, I'm trying to adjust the submit button text padding, so that the text moves down a little, here:

https://dl.dropboxusercontent.com/u/905 ... gIssue.PNG

I'm using this CSS:

.icf-optin-form input[type="submit"] {padding: 21px 20px;}

...as this adjusts the padding correctly in firebug, (padding was previously 5 and 20)...but it's having no effect. Wondering where i might be going wrong with this?

Many thanks

[Jean-Christophe Bisoux]

Hi,
try to not use the quote for submit :

Code: Select all

.icf-optin-form input[type=submit] {padding: 21px 20px;}

Regards,
JC

[nigelfaraday67]

Hi, thanks for this, not working yet unfort , here's how it looks still in firebug:

https://dl.dropboxusercontent.com/u/905 ... Issue2.PNG

...with the code:

https://dl.dropboxusercontent.com/u/905 ... Issue3.PNG

Any thoughts appreciated, Thanks

[Jean-Christophe Bisoux]

Hi,

did you have an url where I can this on live ? it's very difficult just on with an image

regards,
jc

[nigelfaraday67]

Hi, sure, it's at http://www.safehavenwomensrehab.com/, many thanks

[Jean-Christophe Bisoux]

Hi,
I see in your source code that you didn't quit the quote as I mention you in my first message
try to use

Code: Select all

.icf-optin-form input[type=submit] {padding: 21px 20px;}

NOT

Code: Select all

.icf-optin-form input[type="submit"] {padding: 21px 20px;}

Regards,
JC

[nigelfaraday67]

Hi, thanks, not sure what I'm doing wrong, I'm filling in custom css for 'Request A Callback' form, without quotes, as advised:

https://dl.dropboxusercontent.com/u/905 ... Issue4.PNG

...but it's not being picked up in the source code of the site:

https://dl.dropboxusercontent.com/u/905 ... Issue5.PNG

Any ideas what I'm doing wrong here?

WP subs options being saved ok. Can provide WP login if needed. Thanks!

[Jean-Christophe Bisoux]

The problem, there is a lot of CSS rule for the submit bouton,

can you try directly whit the class

Code: Select all

.wps_submit{padding: 21px 20px;}

[nigelfaraday67]

Thanks, tried this, but not working unfort looks like it is being overwritten still, per firebug:

https://dl.dropboxusercontent.com/u/905 ... Issue6.PNG

[Jean-Christophe Bisoux]

The only way I see is to change directly in the WPS CSS, it's in this file
http://www.safehavenwomensrehab.com/wp- ... n-form.css @ line 7

Regards,
JC