Image width adjustment Flatiron Layout pages

Site URL: https://recorder-piano-n3y7.squarespace.com

I'm using the flatiron template and would like to know how to reduce the right margin next to the images on the Project / Layout page.

My image width is set to 1200px, but there is still a white space next to the image on the right.

Is there a custom code to remove the white block on the right?

I think it is Project Title, Description

You can add this code to Home > Design > Custom CSS to remove

Hm, What is access password?

@Ilze - I am having troubles reducing the text box to a slimmer column (like on your website), and making the image/video bigger on the right

www.leilaziu.com

What is the custom CSS for this if I only want to get rid off the white space for specific pages?

And would it be possible to use the space to display the photos in a grid form instead of stacked?

On 2/10/2020 at 2:45 PM, tuanphan said:

I think it is Project Title, Description

You can add this code to Home > Design > Custom CSS to remove

Hm, What is access password?

On 2/10/2020 at 9:28 AM, Ilze said:

Site URL: https://recorder-piano-n3y7.squarespace.com

I'm using the flatiron template and would like to know how to reduce the right margin next to the images on the Project / Layout page.

My image width is set to 1200px, but there is still a white space next to the image on the right.

Is there a custom code to remove the white block on the right?

Did anyone has a solution for this? I would also like to know if there is a bit of code to make the image full width if possible! : )

On 4/22/2020 at 10:59 PM, 8FOOT3 said:

 

Did anyone has a solution for this? I would also like to know if there is a bit of code to make the image full width if possible! : )

It seems you solved?

Still looking for an answer @tuanphan - are you able to help? www.8foot3.co.uk

it's not solved yet, no

2 hours ago, sarahjohanna said:

it's not solved yet, no

Try add to Home > Design > Custom CSS

#project .gallery {
    max-width: 100%;
}

On 4/27/2020 at 4:44 PM, 8FOOT3 said:

Still looking for an answer @tuanphan - are you able to help? www.8foot3.co.uk

@media screen and (min-width:901px) {
#project .gallery {
    max-width: 100% !important;
    margin-left: 135px;
}
#project .project-item>.meta {
    display: none;
}
}