How can I round the corners of a multirow in the dawn theme?

Store Design

Topic summary

A user seeks to round the corners of a multirow section containing 4 rows in the Dawn theme.

Proposed Solution:

  • Add custom CSS code to the theme’s stylesheet (base.css, style.css, or theme.css)
  • The CSS targets image-with-text sections and applies border-radius properties
  • Code includes specific selectors for media placeholders and gradient backgrounds

Current Status:

  • The original poster tried the suggested CSS but reported it didn’t work
  • They mention being able to change corner rounding through theme settings instead
  • A follow-up question asks whether they used the code correctly or managed to solve it via normal settings

Note: The discussion remains unresolved regarding why the CSS approach failed, though an alternative solution through theme settings may have worked.

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

Good afternoon

Does anyone know how to round the corners of a Multirow? If I have 4 rows within a multirow section, I want all 4 rows to have rounded corners. I am using the dawn theme. Thank you in advance.

1 Like
2

Hi @Winner7

Do you mean like this one?

Made4uoRibe_0-1705184231589.png
Made4uoRibe_0-1705184231589.png1217Ă—771 48.6 KB

If it is check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.image-with-text.isolate.collapse-padding.scroll-trigger.animate--slide-in {
    border-radius: 20px;
    background: darkgrey;
}

.image-with-text__media.image-with-text__media--small.gradient.color-background-1.global-media-settings.image-with-text__media--placeholder.placeholder {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

And Save.

I only used demo for this. If the code wont work, would you mind to share your store URL? Thanks!

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Thank you. It didn’t work but I was able to change it via the theme settings.

4

Did you use the code above in the theme settings? or just manage to change it using normal settings?