(Squarespace) Show Images in Gallery Block in same line

To make Images in Gallery Block Grid in the Same Line, you can follow these.

#1. First, find Gallery Block ID.

In my example, it is: #block-yui_3_17_2_1_1740445546004_4569

#2 . Next, use this code to Custom CSS
If code doesn’t work, you can comment below, message or send me an email.

#block-yui_3_17_2_1_1740445546004_4569 {
.margin-wrapper {
    margin: 0px !important;
}
.slide {
    width: 12.5% !important;
    clear: none !important;
}}

Note: If Gallery has 8 images, use 12.5% in the code. If the Gallery has 20 images, use 5%. If the Gallery has 10 images, use 10%.

Result

#3. If you want to apply this on mobile only, use this CSS code.

@media screen and (max-width:767px) {
#block-yui_3_17_2_1_1740445546004_4569 {
.margin-wrapper {
margin: 0px !important;
}
.slide {
width: 12.5% !important;
clear: none !important;
}}}

Result

1 Like

@tuanphan,

:heart: :heart: :heart: