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?
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024