How can I modify the Brooklyn theme for color, collection titles, and add-to-bag display?

Shopify Discussion

Topic summary

Request for guidance on customizing Shopify’s Brooklyn theme via the theme code editor. The poster seeks specific layout and UI changes across desktop and mobile.

Key questions:

  • How to change colors for different sections using the code editor (likely CSS/SCSS edits per section).
  • How to move collection titles from overlaying the image to below the image, including how to apply the same change on mobile.
  • How to make the cart “add to bag” indicator show the item count instead of just a dot.

Current status: No solutions or code examples provided yet; the thread is an open request for instructions. Mobile-specific behavior is a requirement for the collection title placement. Technical terms involve Shopify’s Brooklyn theme and edits likely in theme files (CSS/JS/liquid) via the theme code editor. Pending actionable steps or consensus.

Summarized with AI on February 28. AI used: gpt-5.
1

Hi i have three Questions

I’m using Brooklyn theme

1 How do i change the color for different sections using the code editor?

2 On the Brooklyn theme how can i put the collection titles at the bottom of the picture instead of it being on the picture and how can i do the same for the mobile part?

3 How do i make my add to bag number show its only showing a dot?