“under categories when you view all its on the left I want it on center”
Topic summary
A user is trying to center the “Collections” heading on their Shopify store’s collection page, which currently appears left-aligned.
Solution Provided:
Multiple community members offered CSS code solutions:
- Navigate to Shopify > Theme > Customize > Custom CSS
- Add custom CSS targeting the collection hero title element
- The working solution uses:
.page-width ul.collection-list h1 { text-align: center !important; }
Outcome:
The issue was successfully resolved. The user confirmed the heading is now centered after applying the CSS code and clearing browser cache.
Follow-up Request:
The user has asked for additional help with footer links, wanting them to be clickable without showing underlines.
1 Like
Hi @Dikano
Please, share your store URL. Thanks!
Hi @Dikano
Please follow the steps-
- First open the theme customizer from admin- https://prnt.sc/oIhT9ECbHAEV
- Under theme settings, open "Custom CSS" - https://prnt.sc/YMQAFHofjTBq
- Now paste the below code-
.collection-hero__title {
text-align: center;
}
- Click “Save” and you’re done.
Only the subheadings are centered not the main heading “Collections” please help me get it right.
Hi @Dikano
You can follow the instruction here :
-
Go to Shopify > Theme > Customize > open Custom CSS
-
Copy and paste this code to the section > Save
.page-width:has(ul.collection-list) > h1 {
text-align: center !important;
}
here is the result :
@Dikano it seems okay- https://prnt.sc/Bk3vtc197CEU
Can you please clear your browser cache? And one request- please post a request with store url, page url, screenshot/video etc. More details of an issue help us to solve it rapidly. Let me know if you need more assistance.
Thanks
