How to move Shop pay " pay in 4 payments" text on product page?

Shopify Discussion
1

I have a question regarding the placement of the “pay in 4 payments” text for ShopPay on my Shopify store. I would like to move this text under the “Buy It Now” button and/or under the product price. Can someone please guide me on how to achieve this? Is it possible to do this through the Shopify theme editor or do I need to modify the code manually? Any help or advice on this matter would be greatly appreciated. Thank you in advance for your assistance.

Screen Shot 2023-03-02 at 12.39.09 AM.png
Screen Shot 2023-03-02 at 12.39.09 AM.png1301×1371 176 KB

2

@Aurra-co ,

Is it the same for all the product pages? send the store link.

3

Thank you so much for replying, Yes it’s like this on all pages. The website is www.Aurra.co

4

@Aurra-co

.price.price--medium {
    display: block;
    flex-direction: column;
    float: left;
}

.price.price--medium::after {
    content: "Pay In 4 Payments";
}
button.shopify-payment-button__more-options.BUz42FHpSPncCPJ4Pr_f::after {
    content: "Pay In 4 Payments";
    display: block;
    text-align: left;
}
button.shopify-payment-button__more-options.BUz42FHpSPncCPJ4Pr_f {
    width: auto;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

5

When under Assets I only see base.css Not base.scss.liquid so I inputted it still and nothing happened. Is there another alternative?

6

You can add this css in base.css file.

7

@Aurra-co ,

Add this in the base.css file…