Hello,
can someone tell me how to align the product title on the left when product is displayed in a collection?
Like displayed in the following pictures:
Im using the Brooklyn theme
Thank you!
Kim
Topic summary
A user seeks help aligning product titles to the left on collection pages in the Brooklyn Shopify theme, providing screenshots to illustrate the desired layout.
Two CSS solutions were offered:
- Made4uo-Ribe’s approach: Add CSS code to the theme’s stylesheet (base.css, style.css, or theme.css):
.grid-product__wrapper {
text-align: left !important;
}
Navigate via: Shopify admin → Online Store → Themes → Actions → Edit code → Assets folder.
- PageFly-Noah’s method: Insert custom CSS in theme.liquid file above the
</head>tag.
Navigate via: Online Store → Themes → More Actions → Edit code → theme.liquid.
Note: Both responses contain reversed/mirrored text in portions of the instructions, which may indicate formatting issues in the original posts. The core CSS solution targets the .grid-product__wrapper class with left text alignment.
1 Like
Hi @KimGottwald
Try this one.
- 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:
.grid-product__wrapper {
text-align: left !important;
}
- And Save.
- result:
Hi @KimGottwald
This is Noah from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Noah | PageFly