Aligning Payment Icon under 'Add to Cart' Button

[officialnuvibe]

Hi,

I am currently using the debut theme.

I recently added some extra code to my website which added payment icons under my ‘Add to Cart’ button.

I used this code to do so (Themes > Add Code > Product-template.liquid > Added below line 239: {{ form | payment_button }})

Although this turned out great, I wanted to now centre align it with the ‘Add to Cart’ button. How can I do this?

Additionally, how can I change the “More payment options” to “Secure checkout with” (and still have it as a hyperlink)

Thank you so much, in advance, for taking the time out to read about my concerns and answer my questions!

[UmairA]

Hey there @officialnuvibe ,

Can you please include the URL of your store? I’ll take a look for you before I can offer any solution/guidance. Thanks

[officialnuvibe]

www.officialnuvibe.com

[dmwwebartisan]

@officialnuvibe

Please add the following code at the bottom of your assets folder CSS file.

.template-product span.methods-of-payment{
display: block;
text-align: center;
}

As for the “more payment..” text go to the theme action dropdown → edit languages → search this text and change with new text.

Hope this helps.

Thanks!

[officialnuvibe]

Hi,

Thank you so much for your comment. However, I am a little unclear about what asset folder you are talking about?

Kindest regards.

Officialnuvibe

[imartinez]

Hi,

The Assets folder is in your Admin. See the image:

Also, you can add it in Themes > Edit Code > Product-template.liquid

.methods-of-payment img { padding: 0.2em; } .lt-ie9 .methods-of-payment, .ie8 .methods-of-payment, .oldie .methods-of-payment { display: none; } span.methods-of-payment{ display: block; text-align: center; }

Hope this helps!

[officialnuvibe]

Awesome, Solved. Thank you.

[officialnuvibe]

HI,

Sorry, ‘More payment options’ is not showing up in the ‘edit language’ section.

Is there another way to edit this?

Kindest regards,
Shivam

[Quaxi]

Hey, I am looking for a way to add the payment icons in the first place. Can´t find the right position in the code tho. Can you help me out? I am using the Impulse theme. Thanks!

[dmwwebartisan]

@Quaxi

Please share a screenshot of what you want!

Thanks!

[Quaxi]

@dmwwebartisan thanks for the reply. As in the original post.

Is a Paypal Express Checkout Button possible on the PDP?

Thanks for your support.