Fashionopolis theme image gallery 4 in line instead of 3

Store Design
1

How can I change the image gallery in fashionopolis theme to 4 in line instead of 3.

https://8y46yh158fi92r2q-57082871865.shopifypreview.com/

Image gallery is the section with the squares. Thanks for your input.

2

Hello @urbantis
Inside section please change the class span-4 to span-3 as mentioned in below screenshot and your gallery will be 4 images in a row

techlyser_ecom_0-1677070911979.png
techlyser_ecom_0-1677070911979.png1919Ɨ982 591 KB

1 Like
3

Hi @urbantis ,

This is Richard from PageFly - Landing page builder, Iā€™d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/stylesheet.css->paste below code at the bottom of the file:

@media screen and (min-width: 1025px) {
    .gallery__section-block {
        grid-column: auto / span 3 !important;
    }
}

PageFlyRichard_0-1677071505802.png
PageFlyRichard_0-1677071505802.png1740Ɨ470 683 KB

I hope it would help you
Best regards,

Richard | PageFly

1 Like