How To Replace The Payment Method Credit Card Logo

  • Profile Image
    markashton
    Asked on June 26, 2012 at 12:53 PM

    Hi,

    Website Payments Pro Integration for a UK-based company

    The Payment Method Credit card Logo contains a Discover card as per here:

     

    In the UK no one has ever heard of Discover ... it doesn't exist to us

    The range of payment methods through paypal should be this .... 

    Can anyone advise the correct CSS inject to do this

    I tried this but to no avail ...

     

    #input_8_paymentType_credit {

    background-image: url('http://images.channeladvisor.com/Sell/SSProfiles/73000398/Images/1/Paypal_logo_ebay_uk.gif') !important;

    }

     

    Many thanks, Regards Mark

  • Profile Image
    jeanettebmz
    Answered on June 26, 2012 at 09:53 PM

    Hello again Mark

    I have made some test with custom CSS codes, but it seems the images in forms hosted in our servers are hard coded. So the only way this can be accomplished is having the source code and modifying the URL manually

     

    Hope my colleagues come with an alternate solution

    Cheers!

    Jeanette

  • Profile Image
    markashton
    Answered on June 27, 2012 at 09:55 AM

    I'm astounded no one has ever flagged this up before?

    Am I correct in understanding that all UK Jotform users have to use the american card symbols? To do this would smack of complete unprofessionalism - a total no no.

    so, I'm suprised it hasn't been flagged up before.

    Are you sure there's no CSS that can change the image ... and that the only option is to download source code onto server and edit accordingly?

    Many thanks

    Regards Mark

  • Profile Image
    liyam
    Answered on June 27, 2012 at 11:29 AM

    I have forwarded this to the development team to let them know of the paypal pro for UK sellers.  Although I cannot guarantee that this can be done right away.  So for the meantime, you can try this:

    label[for=input_8_paymentType_credit] {
    background: url('https://www.paypal-business.co.uk/images/pp_paymenttypes.jpg') no-repeat;
    width: 220px;
    height: 50px;
    position: absolute;
    top: 144px;
    }

    label[for=input_8_paymentType_credit] img {
    display: none;
    }

    Please take note of the top value of 144px as this may vary depending on the number of products you have.  Also, I used a different image.  You might try to create an image with better quality to replace the paypal image that I used.

    Please let us know if you need further assistance.

  • Profile Image
    markashton
    Answered on June 27, 2012 at 12:11 PM

    Genius again Liyam ... genius again

    Regards Mark

  • Profile Image
    jeanettebmz
    Answered on June 27, 2012 at 04:28 PM

    Way to go Lyam!

  • Profile Image
    liyam
    Answered on June 27, 2012 at 10:10 PM

    Thanks, Mark and Jeanette.  For some reason, there was the lightbulb.  I never thought of it to be possible until this thread :P

  • Profile Image
    weightwins
    Answered on October 05, 2012 at 10:14 AM

    Just FYI, that PayPal image is out-of-date. Switch and Delta don't exist any more. 

     

    It should include one of the logos shown here:

     

     https://www.paypalobjects.com/en_US/GB/i/btn/btn_buynowCC_LG.gif

     

    http://pics.ebaystatic.com/aw/pics/uk/paypal/imgLockup.gif

  • Profile Image
    NeilVicente
    Answered on March 11, 2013 at 03:44 PM

    @All

    We are pleased to inform you that the option to change credit card images on Paypal Pro forms has been made available since last week.

    Feel free to try it out and let us know what you think.

    Regards