Label theme how to make images smaller in gallery with text section

[urbantis]

I added a gallery with text section to the product page in this product but the images (icons) are very big, how do I make them 90% smaller?

Thanks for your help

Link

https://roxysound.com/collections/frontpage/products/futuristic-whooshes-test-do-not-delete

password sahsku

[mageplaza-cs · Accepted solution]

Hi @urbantis 

I am from Mageplaza - Shopify solution expert.

Please add the following CSS code to the custom CSS section of this section. It quickly resolves this issue.

.relative.group.text-center.in-view > .relative.overflow-hidden {
    width: 10%;
}
.relative.group.text-center.in-view{
    display: flex;
    flex-direction: column;
    align-items: center;
}

Result:

Please let me know if it works as expected!

Best regards

[Dan-From-Ryviu]

Hi @urbantis 

You can add this code to the Custom CSS of that section to reduce the icons size. You can change 100px to another value to fit your request. 

.relative.overflow-hidden {
    max-width: 100px;
    margin: 0 auto;
}