Hi,
I’d like to center the Afterpay message on my product pages but I can’t seem to find a solution that works for me.
Site: ourodyssey.co
PW: persevere.
Topic summary
A user seeks to center the Afterpay payment message on their product pages for the Dawn theme on their Shopify store.
Proposed Solutions:
- Multiple support teams (GemPages, PageFly-Victor) provided CSS code snippets to add to theme files
- PageFly-Victor’s solution: Add
text-align: center !important;to.MainContent #product-info__wrapper .afterpay-placementin thesection-main-product.cssfile
Complication:
- The user reported that while the Afterpay message centered successfully, the solution caused unintended side effects: product title and price shifted to center alignment instead of remaining left-aligned
- User requested additional code to fix this new alignment issue
Current Status:
- PageFly-Victor responded that they cannot reproduce the reported side effect when checking the site
- The issue remains unresolved with conflicting observations between the user and support
1 Like
Hello @dominnows ,
It’s the GemPages Support Team and we are glad to assist you today!
I would like to give you the recommendation to support you so kindly follow the steps below:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
Let us know how it works for you.
Best regards,
GemPages Support Team
Hi @Dominnows,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file section-main-product.css
Step 3: Paste the below code at bottom of the file → Save
#MainContent .product__info-wrapper afterpay-placement {
text-align: center !important;
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
1 Like
Hi @PageFly-Victor ,
This solution centered my original issue but it has caused my product title and price to be aligned to the left. Do you have a code for this?
