PDA

View Full Version : CSS to adjust submit button padding



nigelfaraday67
10-21-2014, 11:26 AM
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/90534254/Temp/WPSubsButtonSpacingIssue.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
10-21-2014, 12:18 PM
Hi,
try to not use the quote for submit :


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

Regards,
JC

nigelfaraday67
10-21-2014, 03:03 PM
Hi, thanks for this, not working yet unfort :(, here's how it looks still in firebug:

https://dl.dropboxusercontent.com/u/90534254/Temp/WPSubsButtonSpacingIssue2.PNG

...with the code:

https://dl.dropboxusercontent.com/u/90534254/Temp/WPSubsButtonSpacingIssue3.PNG

Any thoughts appreciated, Thanks

Jean-Christophe Bisoux
10-21-2014, 06: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

nigelfaraday67
10-22-2014, 09:59 AM
Hi, sure, it's at http://www.safehavenwomensrehab.com/, many thanks

Jean-Christophe Bisoux
10-22-2014, 11:15 AM
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

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

NOT


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

Regards,
JC

nigelfaraday67
10-22-2014, 11:45 AM
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/90534254/Temp/WPSubsButtonSpacingIssue4.PNG

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

https://dl.dropboxusercontent.com/u/90534254/Temp/WPSubsButtonSpacingIssue5.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
10-22-2014, 12:06 PM
The problem, there is a lot of CSS rule for the submit bouton,

can you try directly whit the class


.wps_submit{padding: 21px 20px;}

nigelfaraday67
10-23-2014, 10:59 AM
Thanks, tried this, but not working unfort :( looks like it is being overwritten still, per firebug:

https://dl.dropboxusercontent.com/u/90534254/Temp/WPSubsButtonSpacingIssue6.PNG

Jean-Christophe Bisoux
10-23-2014, 11:50 AM
The only way I see is to change directly in the WPS CSS, it's in this file
http://www.safehavenwomensrehab.com/wp-content/plugins/wpsubscribers/template/custom-optin-form.css @ line 7

Regards,
JC