button image css

  • Profile Image
    lancecamper
    Asked on May 04, 2012 at 09:37 AM

    I uploaded a custom button... There are shaded curves and to the top sides with a line across the top - how do I remove these and add padding above the button?

  • Profile Image
    idarktech
    Answered on May 04, 2012 at 11:35 AM

    Hi,

    Try injecting this CSS codes to your form: 

    .form-submit-button-simple_black, .form-submit-button {

    -moz-border-radius:0px !important;

    -webkit-border-radius:0px !important;

    border-radius:0px !important;

    }

    How to Inject Custom CSS Codes Guide

    Hope this helps. Thanks!

  • Profile Image
    lancecamper
    Answered on May 04, 2012 at 12:34 PM

    That worked great.... anyway I can put some padding between the button and the box?  http://test.lancecamper.com/

  • Profile Image
    pinoytech
    Answered on May 04, 2012 at 03:42 PM

    Yes, you can.

  • Profile Image
    idarktech
    Answered on May 04, 2012 at 07:53 PM

    @lancecamper,

    Glad to hear it works. Here's now the final CSS code with padding. Kindly reinject this to your form. Be sure to remove my first codes. Thanks!

    .form-submit-button-simple_black, .form-submit-button {

    -moz-border-radius:0px !important;

    -webkit-border-radius:0px !important;

    border-radius:0px !important;

    margin-top:9px !important;

    }

    I set it to 9px, you can adjust it if you like.