[theoutdoorarmoryParticipant]

Hi,

Link issue is: https://theoutdoorarmory.com/checkout/

Issue is: I’d like to change the location of the payment icons/logo of the payment methods.

Right now they are located beside the description (I used on the description under WooCommerce)

How do I put it beside the Payment Method option itself?

Like beside on the right of “BDO / BPI / Metrobank”

Like beside on the right ” Visa / MasterCard … etc”

… and so on

Please help.

Thanks

[DarshanaModerator]

Hi there,

Thanks for writing in! Upon checking, I see that you have already added the images (https://snag.gy/x4UeEI.jpg). Let us know if you need anything else.

Thanks!

[theoutdoorarmoryParticipant]

Hi Darshana,

Actually, what I really want is to move it from the bottom line to the top line.

Kindly see screen cap on what I am thinking.

Hope this makes sense.

Thanks

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> JavaScript :

jQuery("label[for=payment_method_paypal] img").attr("src","https://theoutdoorarmory.com/wp-content/uploads/2016/05/PayPal-for-front-page-final-final.png");

Please add following code in Customize -> Custom -> CSS :

.payment_box.payment_method_paypal img {
    display: none;
}
.woocommerce-account form .payment_methods label img, .woocommerce-checkout form .payment_methods label img {
    display: block;
}

Hope it helps.

[Author]

Posts