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
Topic summary
A user seeks help positioning AfterPay information horizontally next to the product price on their Shopify store using the Prestige theme. Currently, the AfterPay details display below the price, but they want them side-by-side.
Proposed Solution:
A support representative provides CSS code to be added to the theme.scss file:
- Makes the price list display inline-block
- Adjusts the AfterPay paragraph width and padding
- Includes additional code to reduce the AfterPay logo size (max-width: 70px)
Current Status:
The original poster reports the solution did not work for them. Another user also attempted the code on the Essence theme without success, suggesting the CSS may be theme-specific or require adjustments. The discussion remains unresolved with no working solution confirmed.
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.
https://emgenaturals.com/products/passionfruit-body-scrub
Thank you in advance
Hi @Mish4109 ,
sorry for replying late.
You can follow the instruction below:
- Go to Online Store->Theme->Edit code
- 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.
1 Like
Could you tell me where I can edit the code to reduce the .afterpay_logo?
Hi @Mish4109 ,
You can follow the instruction below:
- Go to Online Store->Theme->Edit code
- 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.
I was not able to make this solution work. Are you still available to help?
