• Here’s what I got from PayPal help forum when I complained about the Buy Now button coming in very big and out of focus on my site:
    “Most likely your style sheet or .css file is controlling how the graphics look on your web page. This is not a PayPal issue but, more to do with the design of your web page.”
    I’ve looked at my style.css and cannot discern any code with regard to graphics. Any thoughts?
    Best regards,
    Douglas

Viewing 3 replies - 1 through 3 (of 3 total)
  • Yep, this is correct. There is something in your css code that is making the button big.

    In my case (with the Thesis theme) there is a style for the “input” type (which is anything in a form field) which makes all inputs a certain size – resulting in nice text boxes and grody buttons.

    The PayPal button is actually a form input (the submit), so it’s affected by this style.

    There are a few tools you can use that will allow you to see the type of element you have, and what styles are applied to it. One such is “Firebug” (https://getfirebug.com/).

    Once you do that, you can either disable the style, or do what I did, which is to apply a style directly to the button in the HTML:

    <input type="image"
      src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif"
      name="submit"
      alt="PayPal - The safer, easier way to pay online!"
      style="border: 0px none ; padding: 0px; width: 96px; height: 21px;"/>
    Thread Starter douglascapozzalo

    (@douglascapozzalo)

    ancawonka,
    Thanks for getting back to me. I’m using an “inspect element” on the Chrome browser, so I can see the type of element I have:

    <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!">

    This appears to be the styles that are applied to it:

    <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">

    How do I disable the style? Or…how do I apply a style directly to the button in the HTML; i.e., where do I paste the code you have kindly given to me? I’ve tried pasting your code (revised to reflect my element, of course) in the HTML that I got from PayPal to create the button and in my style.css file. Nothing works. Thanks.

    Thanks ancawonka. Your solution worked perfectly!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Paypal says button is too big due to .css code in WP’ is closed to new replies.