Currently on Expanse theme, any product that has a list is automatically converted into a table. The only problem is the table is unsightly.
View here
Here is how I would like for it to look; less wide and morevisually appealing.
Topic summary
Topic: On Shopify’s Expanse theme, product-page lists are auto-converted to tables that appear too wide and unattractive. The requester shared a product link and images comparing the current and desired (narrower, cleaner) table look.
Proposed fix:
- Edit theme.liquid (Online Store > Edit Code > theme.liquid).
- Insert custom code just above the closing tag to restyle the tables (e.g., via CSS). Note: The actual code snippet was not provided in the thread.
Context notes: theme.liquid is the theme’s main layout file; placing code before typically applies global CSS/JS.
Outcome: The original poster thanked the responder, suggesting the guidance was helpful. No detailed code or before/after confirmation was posted.
Status: Tentatively resolved. Key gap: exact CSS/JS used to achieve the narrower, more visually appealing table styling was not shared.
Hi @therookie ,
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
1 Like
Thanks so much!