Resizing icon image imports

Store Design
,
1

Hi I am trying to find a solution to the sizes of the icons in my guarantee section which I am using as explainers with icons however they are showing up tiny once uploaded.

Untitledcreenshot.png
Untitledcreenshot.png1271×603 60.7 KB

2

Hello

  1. Go to Online Store → Themes → Edit code.
  2. Open your base.css (or theme.css, style.css).
  3. Scroll to the bottom and paste the CSS above
  4. Example :-
<div class="section-icon">
  <img src="icon-url.svg" alt="Icon" class="icon">
</div>

<style>
.section-image {
  text-align: center; /* Optional for alignment */
}
 
.icon {
  width: 64px;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* Ensures proper scaling */
}
</style>