How can I modify collection icons in the Dawn theme?

Store Design
, , , ,

Topic summary

A user seeks help customizing collection icons in their Shopify store using the Dawn theme. They want to:

  • Make collection icons circular (50% border radius)
  • Resize icons to 96px
  • Center-align collection text with images
  • Expand layout from current configuration to 6 columns total (3 per row)

The post includes a reference image showing the desired outcome. The discussion remains open with no responses yet, indicating the user is awaiting guidance on implementing these CSS/design customizations.

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

Hello everybody.

I’m trying to customize some things in my store with no success.

The changes I would like to make are:

  • Round collection icons to 50%
  • Resize them to 96px
  • Center the text of the collections with their respective images
  • Add one more column to the collection totaling 6 categories (3
    in the first line and 3 in the second line), as well as in the store https://www.inspireuplift.com/

Brunossa_0-1679931477845.png
Brunossa_0-1679931477845.png347×395 90.3 KB

My store is www.ibarganha.com and I’m using the dawn theme.

Many Thanks