Collection list and featured collection product title aligned left

Store Design

Topic summary

A user seeks help aligning product titles to the left on their collection page, flush with product photos.

Solutions Provided:

Multiple developers offered CSS-based fixes:

  • Option 1: Add CSS to base.css targeting .product-card-wrapper .card__heading .full-unstyled-link with text-align: left

  • Option 2: Insert CSS code in theme.liquid file before the </head> tag

  • Option 3: Add styling before </body> tag in theme.liquid, targeting .card__information .card__heading .full-unstyled-link with text-align: left !important

Resolution:

The original poster confirmed the issue was resolved with a brief “Thanks!” response, though they didn’t specify which solution worked.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Good day. Can you help me with the Product Title aligned in the product. I want it aligned full left aligned with the product photo.

sereneluminaire_0-1711958643995.png
sereneluminaire_0-1711958643995.png1805Ă—766 284 KB

Thank you for your effort. This is my store link sereneluminaire.com

2

Hello @sereneluminaire ,
Here is the code you can try. I hope it useful- Go to the Online Store-> Theme-> Edit code-> Assets> base.css → Add code at the bottom.

.product-card-wrapper .card__heading .full-unstyled-link {
	text-align: left;
}
3

This is Noah from PageFly - Shopify Page Builder App

You can add code here to align left title product.

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

1 Like
4

Hello @sereneluminaire

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.card__information .card__heading .full-unstyled-link { text-align: left !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like
5

Thanks!