Remove the border from multirow

Store Design
,
1

Screenshot (148).png
Screenshot (148).png1366Ă—768 225 KB

How to remove the red part of my multirow template from above and below.

2

Could you please share your store URL and password [if applicable] so that I can take a look and provide you with a solution code.

Looking forward to hearing back from you.

Thanks

3

I don’t know if I understood you correctly, but if you want to remove those decorations from the block, you’d need to do the following:

1: Go to Online Store → Theme → Edit code
2: Search file base.css
3: Add the following code to the bottom of the file → Save

.multirow .image-with-text:not(.image-with-text--overlap) .image-with-text__media-item:after {
  border-radius: unset!important;
  box-shadow: unset!important;
}

.multirow .image-with-text:not(.image-with-text--overlap) .image-with-text__text-item:after {
	  border-radius: unset!important;
  box-shadow: unset!important;
}

Here’s the outcome:

Screenshot_6.png
Screenshot_6.png1304Ă—752 154 KB

I hope this helps!

If your question was answered, please mark it as an Accepted Solution

4

hello @ramyaq

Go to online store ----> themes ----> actions ----> edit code ----> assets —> component-image-with-text.css …line number…>112
Search the code and remove this code and save.

.image-with-text:not(.image-with-text--overlap) .image-with-text__text-item:after {
     border-radius: var(--text-boxes-radius); 
    box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity)); 
}

2.Go to online store ----> themes ----> actions ----> edit code ----> assets —> component-image-with-text.css …line number…>106
Search the code and remove this code and save.

.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item:after {
   border-radius: var(--media-radius); 
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity)); 
}

result will be

Kriemiy-06-09-2025_10_51_AM.png
Kriemiy-06-09-2025_10_51_AM.png1366Ă—641 372 KB

If this was helpful, hit the like button and accept the solution.
Thanks