ObviousIdea Forum

Posted: **Tue Oct 21, 2014 12:26 pm**

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

Posted: **Tue Oct 21, 2014 1:18 pm**

Hi,
try to not use the quote for submit :

Code: Select all

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

Regards,
JC

Posted: **Tue Oct 21, 2014 4:03 pm**

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

Posted: **Tue Oct 21, 2014 7:24 pm**

Hi,

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

regards,
jc

Posted: **Wed Oct 22, 2014 10:59 am**

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

Posted: **Wed Oct 22, 2014 12:15 pm**

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

Posted: **Wed Oct 22, 2014 12:45 pm**

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!

Posted: **Wed Oct 22, 2014 1:06 pm**

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;}

Posted: **Thu Oct 23, 2014 11:59 am**

Thanks, tried this, but not working unfort

looks like it is being overwritten still, per firebug:

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

Posted: **Thu Oct 23, 2014 12:50 pm**

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

ObviousIdea Forum

CSS to adjust submit button padding

CSS to adjust submit button padding