Removing icons at foot

Store Design

Topic summary

A user needed help removing icons and text appearing at the bottom of their product page. Multiple solutions were provided:

Initial Attempts:

  • First suggestion targeted only the icons using CSS to hide .multicolumn-card__image-wrapper--third-width .media--square
  • User clarified they wanted to remove both icons AND all accompanying text

Working Solutions:
Two complete solutions were offered, both using CSS to hide the entire multicolumn section:

  1. Via Theme Customizer: Navigate to Shopify admin → Online store → Customize → Theme settings → Custom CSS, then add .multicolumn { display: none !important; }

  2. Via Code Editor: Go to Online Store → Edit Code → Find theme.css/base.css file, then add .multicolumn.color-background-1.gradient.background-primary.no-heading { display: none !important; }

Outcome:
The issue was resolved. The user confirmed success and appreciated the step-by-step screenshots provided with the solutions.

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

Hey everyone, just need a hand on how to remove these icons at the bottom of my page. I assume I need to edit the code

Website Link: https://labubuworld.shop/products/for-labubu-v1-v2-idol-cute-doll-clothes-fashion-sweater-outfit-accessories-sitting-party-pink-white-striped-sweater-cup-clothing

Bunny2_0-1735857123603.png
Bunny2_0-1735857123603.png1280×221 5.77 KB

2

Hi @Bunny2 , go to base.css and add the following code :

.multicolumn-card__image-wrapper--third-width .media--square {
      display:none;     
  }

Result:

Abdosamer_0-1735859596491.png
Abdosamer_0-1735859596491.png1287×239 6.45 KB

3

hi i want to remove the icons and all the text how do i do that?

4

Hi @Bunny2

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

.multicolumn {
    display: none !important;
}

image (1).png
image (1).png1394×693 22.4 KB

Please let me know if it works. Thank you!

5

Hello, @Bunny2

  1. Go to Online Store
  2. Edit Code
  3. Find theme.css/base.css file
  4. Add the following code in the bottom
.multicolumn.color-background-1.gradient.background-primary.no-heading {
    display: none !important;
}

Thanks!

6

Thank you so much. The screenshots also made it a lot easier!

1 Like