CSS to adjust submit button padding

Best Wordpress plugin to engage your users and collect their email. You can use header alerts, popups, or exit pages, and it works with any popular emailing service such as Mailchimp or AWeber
nigelfaraday67
Member
Posts: 45
Joined: Fri Apr 18, 2014 12:12 pm

CSS to adjust submit button padding

Post by 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
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by 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
Member
Posts: 45
Joined: Fri Apr 18, 2014 12:12 pm

Post by 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
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by 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
Member
Posts: 45
Joined: Fri Apr 18, 2014 12:12 pm

Post by nigelfaraday67 »

Hi, sure, it's at http://www.safehavenwomensrehab.com/, many thanks
Jean-Christophe Bisoux
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by 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
Member
Posts: 45
Joined: Fri Apr 18, 2014 12:12 pm

Post by 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
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by 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
Member
Posts: 45
Joined: Fri Apr 18, 2014 12:12 pm

Post by 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
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by 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
Post Reply