Hello looking for a way to align our title text to the left instead of center on our collection pages
https://www.remlagret.se/collections/lager
thanks in advance
Topic summary
A user seeks to left-align collection page titles instead of the default center alignment on their Shopify store.
Two solutions provided:
Option 1 (PageFly-Kate):
- Navigate to Online Store → Theme → Edit code
- Open Assets → theme.scss.css
- Add CSS at bottom:
.collection-list--section.home-section--title {
text-align: left;
}
Option 2 (GemPages):
- Go to Online Store → Theme → Edit code
- Open theme.liquid file
- Insert code before
</body>tag
Both approaches involve editing theme files through Shopify’s code editor. The user confirmed the solution worked. Note: The input text appears partially corrupted/reversed, but the core technical guidance remains clear.
1 Like
Hi @emilbrandon ,
This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:
.collection-list--section .home-section--title {
text-align: left;
}
I hope it would help you
Hello @emilbrandon
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
Thank you!
It’s my pleasure to help 