How can I resize images in a multicolumn section?

Store Design
1

Hi,

I was looking to add icons above the multicolumn section but the images are way too big. I was wondering if there was a way to resize it to about 40%. The link to the website is https://nobluelens.com.

image_2022-08-22_202924276.png
image_2022-08-22_202924276.png1050×598 92 KB

1 Like
2

@AnshSinha

yes, please try this code.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
#shopify-section-template--15730289836267__1661211090bb40edb3 .media--transparent {
    padding-bottom: 40% !important;
    text-align: center;
}

#shopify-section-template--15730289836267__1661211090bb40edb3 img {
    margin: 0px auto;
    right: 0;
}
3

Hi.

I am Richard Nguyen from PageFly - Advanced Page Builder.

Yo can go to Online Store => themes => Actions => Edit code and add this code on file base.css

.media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer{
top: 20%;

left: 25%;

height: 50%;

width: 50%;

}

}

Hope this helps.

Best regards,

Richard - PageFly