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

Solved

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

madaraxuchiha
Tourist
4 0 1

i want to change square images from collection list to circular

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1969 564 566

This is an accepted solution.

@madaraxuchiha,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
.collection-list .grid-item img {
   border-radius: 50%!important;
}
</style>

Result:

BSSCommerceB2B_0-1730033795662.png

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

Best Regards 😊

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 5 (5)

DaisyVo
Shopify Partner
423 64 62

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](https://prnt.sc/HYtphF2VuK1V). Click on it, then scroll down to find the option to adjust to a round shape: [Screenshot 2](https://prnt.sc/Kzbl7bXh_-oY).

 

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

 

Warm regards,


Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Explore other solutions
here. Live Chat Support is available 24/7.
madaraxuchiha
Tourist
4 0 1

I don't see such option there 😕

Made4uo-Ribe
Shopify Partner
8870 2122 2607

Hi @madaraxuchiha 

Please, share your store URL. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
madaraxuchiha
Tourist
4 0 1

SareesSalwars.com

BSSCommerce-B2B
Shopify Partner
1969 564 566

This is an accepted solution.

@madaraxuchiha,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
.collection-list .grid-item img {
   border-radius: 50%!important;
}
</style>

Result:

BSSCommerceB2B_0-1730033795662.png

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

Best Regards 😊

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now