Align payment options and remove "more payment options"

Store Design
,
1

Hello guys. I want to have the payment badges aligned under the dircetly under the buy with paypal button. I also want to remove “more payment options”

Anyone can help?

https://luviera.store/

password: bautso

I used a custom liquid to add the payment options

AnimeVoyage_0-1726125821243.png
AnimeVoyage_0-1726125821243.png400×174 12.7 KB

2

Hello @AnimeVoyage

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

button.shopify-payment-button__more-options.BUz42FHpSPncCPJ4Pr_f { display: none !important; } @media screen and (min-width: 750px) { .list-payment { justify-content: flex-start !important; } }

Tech_Coding_0-1726126108874.png
Tech_Coding_0-1726126108874.png571×299 11.7 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

3

Hey @AnimeVoyage

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1726126144279.png
Moeed_0-1726126144279.png799×612 19.2 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

Hi @AnimeVoyage ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

5

HEllo @AnimeVoyage
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

.shopify-payment-button__more-options.BUz42FHpSPncCPJ4Pr_f {
display: none !important;
}
@media screen and (min-width: 750px) {
.list-payment {
justify-content: center;
}
}

result

4.png
4.png689×386 13.2 KB

If this was helpful, hit the like button and accept the solution.
Thanks