A user running Prestige 2.0 wants to center a single product on collection pages that currently display left-aligned by default.
Solution Provided:
Add custom CSS to the theme’s stylesheet (base.css, style.css, or theme.css)
Target the product list with justify-content: center
Access via Shopify Admin → Online Store → Themes → Actions → Edit Code → Assets folder
Current Status:
Initial code successfully centered products for the original poster
Another user (Theo69) reports the same CSS solution doesn’t work on Prestige 2.8
The helper noted CSS changes made via browser inspect tools only affect individual pages and may not persist across all collection pages
Outstanding Issue:
The solution appears version-dependent, with effectiveness unclear for Prestige 2.8. The discussion remains open regarding why the code fails for some users.
Summarized with AI on November 14.
AI used: claude-sonnet-4-5-20250929.
I am trimming/curating my products on my website to focus more on certain items. In some cases, that leaves just one product in a collection (that I may end up rolling into another collection but not right now…).
I recently updated to Prestige 2.0, and would like to center that product on its Collection page, but can’t seem to figure out how to move from the left-hand position to the center. I’ve tried a few different lines of codes in liquid, as well as in the custom CSS box on the Collections page, but no joy - possibly meant for previous versions of the theme? Also, I’m super low tech LOL.
Hi there, I included a link above in my post to a page that has one item on it that’s justified left. I’d like to center that along with any others that have fewer than three or four in a collection. Thanks!
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
It should be. The inspect tools we are using are allowed to make changes on one pages if its refresh all we done will be gone. So I cant check other pages if it changes or not.
