Solved

What is the code for standardizing gallery image sizes in Shopify?

kindredpeople
Explorer
78 1 23

Hi all,

 

What's the code to make gallery photos all the same size? I would like them to stay square.

 

kindredpeople.myshopify.com

kiNdr3dppL$

 

Screeshot.jpg

Accepted Solution (1)
oscprofessional
Shopify Partner
15830 2369 3072

This is an accepted solution.

@kindredpeople ,

oscprofessional_0-1652353346959.png

@media only screen and (min-width: 1140px) {

#section-id-template--15982161264889__1652032293fcbcff97 .gallery__item {
height: 456px !important;
}

}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 5 (5)

oscprofessional
Shopify Partner
15830 2369 3072

@kindredpeople 
Hii there
your shopify password is not proper please share proper password

oscprofessional_0-1652347033182.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
kindredpeople
Explorer
78 1 23

Oh sorry it's - hellohello

oscprofessional
Shopify Partner
15830 2369 3072

@kindredpeople ,

@media only screen and (min-width: 1140px) {

#section-id-template--15982161264889__1652032293fcbcff97 .gallery__item {
height: 456px;
}

}

 

 

Add this css at the bottom of Online Store->Theme->Edit code->Assets->style.scss.liquid

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
kindredpeople
Explorer
78 1 23

Oh no, unfortunately it didn't work.

oscprofessional
Shopify Partner
15830 2369 3072

This is an accepted solution.

@kindredpeople ,

oscprofessional_0-1652353346959.png

@media only screen and (min-width: 1140px) {

#section-id-template--15982161264889__1652032293fcbcff97 .gallery__item {
height: 456px !important;
}

}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing