I have a circle category that I need to change to square. what would be the custom code to do this?

Store Design

Topic summary

A user needs to change circular category images to square format in their Fastora theme.

Two community members requested the store URL to analyze the issue. After the URL (www.customjewlrs.com) was provided, a solution was offered:

CSS Solution:

  • Navigate to: Online Store ā†’ Themes ā†’ Edit Theme ā†’ Assets ā†’ base.css
  • Add custom CSS code at the end targeting .circled-section, .slow-stage-outer, .slow-stage, and .category-media elements
  • Set border-radius: 0px !important; to convert circles to squares

The solution was confirmed as working by the original poster.

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

I have a circle category that my collections images appear in circle and I want the images to be square for this website Iā€™m working on. Is there a custom css that can make this section call circle categories to be square? fastor theme. thanks in advance

2

Hello @memorablelg
Welcome to the Community.

I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL, if your website is password protected then also provide the password.

3

Hello @memorablelg

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

4

www.customjewlrs.com

5

www.customjewlrs.com

6

@memorablelg

Please go to Online store ā†’ themes ā†’ Edit theme ā†’ Assets ā†’ base.css and paste this code at the end of this file

.circled-section .owl-stage-outer .owl-stage a .category-media {
  border-radius: 0px !important;
}
7

Perfect. Thanks so much

1 Like