Results 1 to 10 of 10

Thread: CSS to adjust submit button padding

  1. #1

    CSS to adjust submit button padding

    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/...acingIssue.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

  2. #2
    WPS Team
    Join Date
    Feb 2012
    Location
    Canillo, Andorra
    Posts
    284
    Hi,
    try to not use the quote for submit :

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

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

    https://dl.dropboxusercontent.com/u/...cingIssue2.PNG

    ...with the code:

    https://dl.dropboxusercontent.com/u/...cingIssue3.PNG

    Any thoughts appreciated, Thanks

  4. #4
    WPS Team
    Join Date
    Feb 2012
    Location
    Canillo, Andorra
    Posts
    284
    Hi,

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

    regards,
    jc

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

  6. #6
    WPS Team
    Join Date
    Feb 2012
    Location
    Canillo, Andorra
    Posts
    284
    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:
    .icf-optin-form input[type=submit] {padding: 21px 20px;}
    NOT

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

  7. #7
    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/...cingIssue4.PNG

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

    https://dl.dropboxusercontent.com/u/...cingIssue5.PNG

    Any ideas what I'm doing wrong here?

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

  8. #8
    WPS Team
    Join Date
    Feb 2012
    Location
    Canillo, Andorra
    Posts
    284
    The problem, there is a lot of CSS rule for the submit bouton,

    can you try directly whit the class

    Code:
    .wps_submit{padding: 21px 20px;}

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

    https://dl.dropboxusercontent.com/u/...cingIssue6.PNG

  10. #10
    WPS Team
    Join Date
    Feb 2012
    Location
    Canillo, Andorra
    Posts
    284
    The only way I see is to change directly in the WPS CSS, it's in this file
    http://www.safehavenwomensrehab.com/...optin-form.css @ line 7

    Regards,
    JC

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •