How to increase size of the icons?

Shopify Discussion

Topic summary

A user needed help increasing the size of icons displayed on their Shopify store product page. The solution involved adding custom CSS code to modify icon dimensions.

Solution provided:

  • Navigate to: Online Store → Themes → Actions → Edit Code → Assets → section-main-product.css
  • Add CSS snippet at the end of the file setting icon height and width to 68px using !important declarations
  • The code targets .icon-with-text img elements

Outcome:
The CSS modification successfully increased the icon size as demonstrated in a before/after screenshot. The issue was resolved and the solution was accepted by the original poster.

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

Hello friends, how can I increase the size of this icons?

Bildschirmfoto 2025-01-13 um 11.43.21.png
Bildschirmfoto 2025-01-13 um 11.43.21.png2686×1354 364 KB

2

Hello @NikosBat
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> section-main-product.css
add this code at the end of the file and save.

.icon-with-text img {
height: 68px !important;
width: 68px !important;
}

result

139.png
139.png745×603 47.3 KB

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

1 Like
3

Thanks for helping me Walter, that solved my problem

4

Thanks for helping me Rahul_dhiman, that solved my problem

5

Happy to help you…!!!