How to change the width of a gallery block (7.1)

Site URL: https://grasshopper-flamingo-5a5p.squarespace.com/fotostyling/achter-st-pieter

Hi,

Does someone know how I could change the width of the gallery block? I would like it to be around 50% of the page width and aligned to the right.

url: https://grasshopper-flamingo-5a5p.squarespace.com/fotostyling/achter-st-pieter
PW: TryMe

Thanks in advance

Hi @iamRob - I'm also trying to do the same thing - any help would be much appreciated!

On 2/9/2021 at 6:29 PM, S_H said:

Hi @iamRob - I'm also trying to do the same thing - any help would be much appreciated!

On 2/8/2021 at 3:03 AM, iamRob said:

Site URL: https://grasshopper-flamingo-5a5p.squarespace.com/fotostyling/achter-st-pieter

Hi,

Does someone know how I could change the width of the gallery block? I would like it to be around 50% of the page width and aligned to the right.

url: https://grasshopper-flamingo-5a5p.squarespace.com/fotostyling/achter-st-pieter
PW: TryMe

Thanks in advance

Add to Design > Custom CSS

@media screen and (min-width:768px) {
.gallery-masonry[data-width="full-bleed"] {
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: 0;
}
}

then save & reload your site

Great stuff@tuanphan! Thanks again for your help