Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Ilze

Image width adjustment Flatiron Layout pages

Question

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?

Screen Shot 2020-02-10 at 11.27.07.png

Share this post


Link to post

10 answers to this question

Recommended Posts

  • 0
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

AgNiqN9Lis.gif

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.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Share this post


Link to post
  • 0

I think it is Project Title, Description

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

Hm, What is access password?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

@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

FlatironPage.thumb.jpg.6253e42a31e7bd348bedd7a81e44cb3c.jpg

Share this post


Link to post
  • 0
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?

Screen Shot 2020-02-10 at 11.27.07.png

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! : )

Share this post


Link to post
  • 0
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?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...