Where can I change the background colour of a form…

  • Posted in : Responsy
  • draper3000
    Participant

    Hi…

    I’m migrating my site over to your template. I’m adding new paypal buttons to the site.

    When I add in the paypal code:

    The paypal ‘Buy it now’ button is on a white background even though it is definately a image with transparency.

    After some quick research, it turns out code in my website (your template) is telling the form to have a white background and not be transparent. If I put the image outside the form it is fine.

    Do you know where I should be telling the template to tell the form to have a transparent background.

    I found this on a forum, talking about the same problem:

    In my custom.css file I have added this line at the end:
    .custom .paypal_image { border:none; background:transparent; width:auto; }

    Then I added class=”paypal_image to the HTML code inside the PayPal

    ……….

    Any help would be really really appreciated.. I dont' want ugly white borders on my oval buttons as it makes the site look cheap. Thanks Jon

    ahmetsali
    Keymaster

    Hi, can you provide a url to see what’s wrong?

    draper3000
    Participant

    the sites not live yet so can’t show you yet.

    I’ll let you know when its live if you can’t work out the problem from my confusing message before.

    Here’s a link to an image showing the problem. (note the white background around the paypal button) the button is transparent so it is the form that is causing the problem.

    http://www.stormystudio.com/paypal_butt.jpg

    I’ve tried pasting the code for you to review inside of but it’s not working.

    ahmetsali
    Keymaster

    You can try a custom css code like this;

    .paypal_image { outline: 0 !important; }
    
    Kaneisha
    Participant

    I also have a Paypal button question. The paypal button on this page http://theartofapplying.com/editing-order/ looks large and pixelated with a rectangle around it. How can I make it small and look right as well as have no rectangle around it?

    Thank you!

    ahmetsali
    Keymaster

    @Kaneisha

    try this custom css code;

    input[type="image"] {
        border: 0 !important;
        width: auto !important;
    }
    
Viewing 6 posts - 1 through 6 (of 6 total)

The forum ‘Responsy’ is closed to new topics and replies.