Round corners on brands boxes on main page

Store Design

Topic summary

A user sought help adding rounded corners specifically to brand boxes on their store’s front page.

Solution Provided:

  • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Locate the base.css file under Assets
  • Add CSS code with border-radius: 10px targeting the brand card elements

Outcome:

  • The solution successfully resolved the issue
  • The original poster modified the approach slightly by adding the code to component-card.css instead of base.css, which also worked effectively
  • User expressed satisfaction with the assistance received
Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

Hello

I want to add rounded corners on the brands boxes on the front page, just round corners only on the brands.

If you look at my site so you see what i mean? :slightly_smiling_face:

Is that possible?

www.dekanten.no

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.card-wrapper.animate-arrow.collection-card-wrapper .card .media {
border-radius: 10px;
}

ZestardTech_0-1690373611754.png
ZestardTech_0-1690373611754.png1862×859 153 KB

1 Like
3

Hello, it works like a charm, im added this to the component-card.css since base didnt work. But its all good, thank u for the good service. :slightly_smiling_face:

1 Like
4

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

1 Like