i have the store theme refresh 2.0.2 and i need help with centering the alignment of the product title and the price on the product grid section of my shop page. here isee the link to the page. Couch Kingz · Customize Updated copy of Refresh · Shopify (couch-kingz.myshopify.com)
Topic summary
A user running Shopify’s Refresh theme (v2.0.2) needs to center-align product titles and prices in the product grid on their shop page.
Solutions Provided:
Three support representatives offered similar CSS-based fixes:
- GemPages: Suggested adding custom code before the
</body>tag in thetheme.liquidfile - PageFly-Victor: Recommended inserting CSS at the bottom of the
base.cssfile targeting.card__content .card__headingand.card__content .card-informationwithtext-align: center !important; - ZestardTech: Provided nearly identical approach—editing
base.csswith CSS targeting.grid__item .card-wrapper .card__informationelements
Common Steps:
- Navigate to Online Store → Themes → Edit code
- Locate either
theme.liquidorbase.cssfile - Paste provided CSS code
- Save changes
All solutions include screenshot references showing where to implement the code. The issue appears straightforward with multiple confirmed approaches available.
1 Like
Hello @aidenkeck
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
Hi @aidenkeck
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save
.card__content .card__heading, .card__content .card-information {
text-align: center !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
