Shopify themes, liquid, logos, and UX
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.
Hi @Winner7
Do you mean like this one?
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!
Thank you. It didn't work but I was able to change it via the theme settings.
Did you use the code above in the theme settings? or just manage to change it using normal settings?
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024