I want to reduce the size of the images in my "About Us" mosaic

[pickemparts]

url: https://pickemparts.com/

The images in this mosaic are way too big. I want to make them smaller. Any help would be greatly appreciated. Thank you!

[namphan]

Hi @pickemparts,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

#shopify-section-template--16842440638627__dynamic_promo_mosaic_mKH94c .promo-mosaic--container {
--layout-container-max-width: 1200px;
}

[Dan-From-Ryviu]

Hi @pickemparts 

You can add this code to Custom CSS of that section. 

.promo-mosaic--container { max-width: 1000px; }

 

[BSSCommerce-B2B · Accepted solution]

Hi @pickemparts 

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.css. Search for the following CSS snippet

@media screen and (min-width: 750px) {
    .promo-mosaic--container {
        transform: scale(0.7);
    }
}

Resutl

You can change the number 0.7 to any number within the range (0, 1] to zoom in or out of the image as desired

If it helps you, please like and mark it as the solution.

Best Regards