Modify Icon With Text section to have no text and larger images

Store Design

Topic summary

A user wants to modify an “Icon With Text” section on product pages to display three larger image badges without any text labels.

Solutions Provided:

Multiple community members offered CSS-based solutions:

  • Hide text labels: Add display: none; to .icon-with-text__item span or .icon-with-text__item h4
  • Increase image size: Modify .icon-with-text__item img with custom width/height values (suggestions ranged from 80px to 200% width with auto height)
  • Implementation: Code snippets should be added to either theme.liquid (above </body> tag), assets/base.css, or a custom liquid section on the product page

Resolution:

The original poster successfully implemented a modified version using:

.icon-with-text__item span { display: none; }
.icon-with-text__item img { width: 80px !important; height: auto !important; }

Follow-up Question:

Another user asked how to increase the number of icons from 3 to 4 or 5, which remains unanswered.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
6

Hi @yapofire

Great to hear that the issue has been resolved! If you need any further assistance, feel free to reach out.