How to move the product title and price more to the right on collection page?

Store Design
, , , , , ,

Topic summary

A user seeks to shift product titles and prices slightly to the right on their collection page while using the Brooklyn theme on Shopify.

Initial Solutions Offered:

  • One responder suggested adding CSS code to theme.scss.liquid to adjust padding and margin on .grid-product__meta
  • Another provided steps to insert code in theme.liquid above the </body> tag

Clarification:
The original poster clarified they don’t want the elements centered—only moved slightly rightward.

Updated Solution:
A revised CSS snippet was provided: adding padding-left: 24px !important; to .grid-product__meta to achieve the desired rightward shift.

Status: The discussion appears ongoing, awaiting confirmation whether the latest CSS adjustment resolves the issue.

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

Hello,

I have my product title and price aligned left on the collection page, but would like to move it slightly more to the right, how can I do that?

Im using the Brooklyn Theme: aliudclothing.com

Thank you!

Kim

2

Hi @KimGottwald

Please add this code at the bottom of your theme.scs.liquid file

.grid-product__meta { padding-top: 0px !important; margin-top: -20px !important; }
1 Like
3

Hey @KimGottwald

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1698216682547.png
Moeed_0-1698216682547.png378Ă—670 36.8 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

Thank you, but I don’t want to center it, only move it slightly more to the right.

1 Like
5

Sorry, I though you want image and title are close togehter. Please add this code

a.grid-product__meta { padding-left: 24px !important; }