Remove the border from multirow

Remove the border from multirow

Kriemiy
Explorer
56 0 19

Screenshot (148).png

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

Replies 3 (3)

TheScriptFlow_
Shopify Partner
848 63 106

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

- Need a Shopify Specialist? Chat on WhatsApp +923036471248 Or Email at info@thescriptflow.com

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


- If my solution was helpful, mark it as a solution and hit the like button!

Betterave-Nina
Tourist
64 8 8

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

 

I hope this helps!

 

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

➡➡   Easy Embed Code   ⬅⬅ insert CSS/JS/HTML/Liquid code into any store page



Speed Booster App - Improve your store speed in 3 clicks
Need professional help with your Shopify store? DM me, let's talk!
Geeky notes

dhimansangeeta
Excursionist
21 1 1

hello @Kriemiy 

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

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

Was I helpful?

Buy me a coffee


APPS BY US :

Professional Customer Accounts APP


Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -sangeetarahuldhiman@gmail.com - : -Whatsapp: +917009811712
Checkout Some Free Sections Here