How do I position AfterPay info next to product price?

[Mish4109]

Can someone tell me how to place the AfterPay info beside my price on the product page? I am using the Prestige Theme

this is what I have

This is what I want

@m1guelrod

[AvadaCommerce]

Hi @Mish4109 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

[Mish4109]

https://emgenaturals.com/products/passionfruit-body-scrub

Thank you in advance

[AvadaCommerce · Accepted solution]

Hi @Mish4109 ,

sorry for replying late.

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss->paste below code at the bottom of the file:

.ProductMeta__PriceList {
    display: inline-block !important;
}

.template-product .afterpay-paragraph {
    width: calc(100% - 55px);
    display: inline-block;
    padding-left: 20px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[Mish4109]

Could you tell me where I can edit the code to reduce the .afterpay_logo?

[AvadaCommerce]

Hi @Mish4109 ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss->paste below code at the bottom of the file:

.template-product .afterpay-paragraph img {
    max-width: 70px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[Mish4109]

I was not able to make this solution work. Are you still available to help?

[robertjohn17]

Hi i tried your code on the essence theme and it didnt work any other ideas?