Superstore theme center my home page collections

Store Design

Topic summary

  • Issue: The home page’s collection list (only two collections) was left-aligned, and the requester wanted the collections centered for better appearance. Site referenced: www.altoaustralia.com.au.

  • Solution provided: Add a CSS rule to the end of theme.css via Shopify Admin → Online Store → Theme → Edit code → theme.css. The fix uses flexbox on the collection list container to center items (applying display:flex and justify-content:center to the relevant classes). This code snippet is central to the resolution.

  • Outcome: The requester confirmed the CSS change worked and thanked the helper. The helper offered further assistance via contact. No disagreements or alternative approaches were discussed.

  • Status: Resolved. No remaining open questions or additional actions noted.

Summarized with AI on December 15. AI used: gpt-5.
1

Hoping someone can offer a solution to center my collections (there are only 2) at present they default left and it looks stupid.

TIA

website: www.altoaustralia.com.au

1 Like
2

@Alisha_bb_Tom please add this css to the very end of your theme.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → theme.css

.dynamic-collection-list--container .dynamic-collection-list--inner{justify-content: center; display: flex;}
3

Thank you Suyash1,

You did it! Appreciate your help :slightly_smiling_face:

4

Welcome, do let me know if you need anything else, you can contact me here
or on email below