how to turn square images to circular images for collections in homepage (Broadcast)

Topic summary

A user wants to convert square collection images to circular ones on their Broadcast theme homepage.

Attempted Solutions:

  • One responder suggested using the built-in theme customization option in the Broadcast theme’s collection section settings, accessible through the theme editor. They provided screenshots showing where to find the shape adjustment option.
  • Another participant requested the store URL to provide more specific guidance.

Current Status:

  • The original poster reports not finding the suggested option in their theme settings.
  • A CSS code solution was offered as an alternative, involving inserting custom code in the theme.liquid file above the </head> tag.

Key Issue:
There appears to be a discrepancy between what options are available in different versions or configurations of the Broadcast theme. The discussion remains open as the user hasn’t confirmed whether the CSS workaround resolves their issue.

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

i want to change square images from collection list to circular

1 Like

Hi @madaraxuchiha

I hope this message finds you well.

I tested on my Broadcast theme, and I noticed there’s an option to change the shape from square to round in the collection section on the homepage. In the Broadcast theme, you can find this section here: Screenshot 1. Click on it, then scroll down to find the option to adjust to a round shape: Screenshot 2.

I hope this helps! Please try it out and let me know if it works.

Warm regards,

Daisy

Hi @madaraxuchiha

Please, share your store URL. Thanks!

I don’t see such option there :confused:

@madaraxuchiha ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above


Result:

If it helps you, please like and mark it as the solution.

Best Regards :blush: