How to align the Paypal Icon to the right at Checkout

  • Resolved aerobagja

    (@aerobagja)


    4 years, 8 months ago

    Hi ,

    Can you help me on how we move the Paypal Icon to the right at Checkout Page? See screenshot link below.

    http://prnt.sc/uuk2kw

    Also, would there be any chance for future updates to have the ability to:
    1) Change to various Paypal icons
    2) Alignment of Paypal icons

    Iam trying with this code but not work.
    .payment_method_ppec_paypal img {
    position:absolute !important;
    text-align: right0;

    please help me

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor AW a11n

    (@slash1andy)

    Automattic Happiness Engineer

    4 years, 8 months ago

    Hey there!

    Without a link to the site, it’s basically impossible to offer CSS advice. Can you please share that here?

    Thread Starter aerobagja

    (@aerobagja)

    4 years, 8 months ago

    Hi sure! here: https://aerobagja.com/product/

    Thread Starter aerobagja

    (@aerobagja)

    4 years, 8 months ago

    Hi there I have tried many time with the css to move the logo to the right. But still nothing. Could please advise me

    Plugin Contributor AW a11n

    (@slash1andy)

    Automattic Happiness Engineer

    4 years, 8 months ago

    Hey there!

    You can use some CSS like this one:

    #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
    margin: -2px 0px 0px 17.5em;
    }

    Thread Starter aerobagja

    (@aerobagja)

    4 years, 8 months ago

    Hi andy perfect and almost done. cause I have tried with margin-right before. but its different on mobile looks like. Its not work once I put
    @media (max-width:768px){#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
    margin: -2px 0px 0px 17.5em;
    }

    thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to align the Paypal Icon to the right at Checkout’ is closed to new replies.