PayPal Button - HTML Characters showing

  • Profile Image
    YCatOCC
    Asked on September 14, 2012 at 02:13 PM

    I'm trying to add a PayPal button to appear with one of my payment options in the PAYMENT WIZARD area (not in the SUBMIT button).  I can get the button to appear, but there are rouge html characters appearing before the radio button.  Is that function available in this area?  I am inputting the button info in the "Image URL" box in the payment wizard.

     

     

    This is what appears:

  • Profile Image
    fxr
    Answered on September 14, 2012 at 03:38 PM

    Its the code you put in for the paypal image URL.

    That field doesnt support html code. 

    If you dont have an image you can use, you can use this:

    http://content.screencast.com/users/ffxr/folders/Jing/media/fc4a3120-41b4-413f-865a-bafc9d184217/2012-09-14_2037.png

     

  • Profile Image
    YCatOCC
    Answered on September 14, 2012 at 03:41 PM
    Ok, thank you. But this is what it looks like now:
  • Profile Image
    NeilVicente
    Answered on September 14, 2012 at 03:58 PM

    @YCatOCC

    If you'd like to diplay the full image size, try injecting the codes below:

    .form-product-item img {
        height: 100%;
        width: 100%;
    }

    You may decrease the value of those properties to satisfy your requirements.

    By the way, I suggest that you inject the additional codes below to hide the Free tag for your "Mail a Check" item:

    label[for="input_93_1028"] span b {
    display: none;
    }

    Hope you find this information useful.

  • Profile Image
    YCatOCC
    Answered on September 14, 2012 at 04:10 PM
    Yes, thank you. This works. Can you tell me how to enter a line AFTER the
    logo so that the two radio buttons will appear above each other and the
    PayPal Logo would be above them? Just need a "return" after the logo,
    right? How do I do that?
    Thanks much!
  • Profile Image
    NeilVicente
    Answered on September 14, 2012 at 04:22 PM

    Update your codes with this:

    .form-product-item img {
        height40%;
        width40%;
        padding-right500px;
    }
  • Profile Image
    YCatOCC
    Answered on September 14, 2012 at 05:23 PM
    Thank you so much! You guys are awesome!
  • Profile Image
    xXSantOoXx
    Answered on September 14, 2012 at 05:33 PM

    If they could make a paysafe card code box so you can pay with Paysafecard would be really cool!