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;
}
}

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

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.

Go to Design > Site Styles and scroll down to GALLERY STYLES. 

The Project Detail Width setting determines the maximum width of these images. Although 1200px is the maximum available using the slider, you can overtype the numbers and choose a larger width.