Paypal logo aligning incorrectly

Hi @makai

Paypal logo is aligning on the right hand side when everything else is on the left.

If possible, I’d want the Paypal logo to align right with everything else.

Can you clarify if you want the PayPal logo to be on the left or the right said? You said you want the PayPal logo to align right, which it already does. Did you mean you want it aligned left?

Can you share a website link?

Thanks

Apologies yes, I meant I want the logo to align left with everything else. Website link is; https://www.productlondondesign.com/checkout/

Simply add the following CSS to your site:

.li.payment_method_ppcp label:first-of-type img{
    float: none !important;
}

I see you’re using Stripe as well. I recommend you take a look at our Stripe plugin as it’s meant to work seamlessly with the PayPal plugin.

Thanks

Thanks. The CSS code isn’t working for some reason.

Thanks for the heads up on the Stripe plugin. I’ve added it and set it up. The logos for that are also unfortunately appearing on the right side when they need to be on the left.

That CSS works when I test it on your site. Make sure you remove that leading . so that it looks like:

li.payment_method_ppcp label:first-of-type img{
    float: none !important;
}

ul.payment_methods li[class*=payment_method_stripe_] label>img:first-of-type{
    float: none !important;
}

.wc-stripe-card-icons-container, .wc-stripe-paymentRequest-icons-container{
    float: none !important;
}

The default behavior is to right align the icons, you can always make simple design changs using CSS.

Kind Regards

All sorted. Thanks ??