Change Paypal icon

[biotxakur]

How can I do to change paypal icon?

[Zex]

Hello,biotxakur!

Can you be more precise? Have you wanted to add a Paypal Icon after the text or substitute the text with the Paypal Icon?

[biotxakur]

I want to change the two option

[Zex]

I’m so sorry but still, don’t understand the problem…

What two options you want to change?

[biotxakur]

Add PayPal icon after the text and substitute the text with PayPal icon

[Zex]

Hi,

1. To insert the image before the text, insert the next code into Customizing->General->Additional CSS:

.payment_method_paypal label:before{
    display: inline-block;
    margin:15px;
    width:74px;
    height: 46px;
    vertical-align:bottom;
    content: "";
    background: url(https://www.paypalobjects.com/webstatic/mktg/logo/pp_cc_mark_74x46.jpg) no-repeat 0 0;
    background-size: 100%;	
}

2. To substitute the text with the image insert the next code instead of the previous code:

.payment_method_paypal label{
 color:transparent;   			
}
.payment_method_paypal label:before{
    display: inline-block;
    margin:15px;
    width:74px;
    height: 46px;
    vertical-align:bottom;
    content: "";
    background: url(https://www.paypalobjects.com/webstatic/mktg/logo/pp_cc_mark_74x46.jpg) no-repeat 0 0;
    background-size: 100%;	
}

Regards

[biotxakur]

I do it but not change nothing. Only in the 2nd option hide text and image too.

[Zex]

Hi,
If you correctly inserted the codes I gave you,

The first code should insert the Paypal icon before the Text:

https://prnt.sc/nqie02

the second codes remove the text after the image:
https://prnt.sc/nqieas

Is this you wanted or you need something else?

Regards

[biotxakur]

oh its ok thanks, and for the other methods, tranfer, bizum, credit card, is the same?

[Zex]

Hello,biotxakur!

Sorry for the delay, actually we don’t work at the weekend…
I’m glad you found a solution for the other methods in the meantime.

I marking a thread as Resolved.

Best Regards

[Author]

Posts