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
Powered by vBulletin® Version 4.2.5 Copyright © 2019 vBulletin Solutions Inc. All rights reserved.