Jump to content

Image width adjustment Flatiron Layout pages

Go to solution Solved by paul2009,

Recommended Posts

I think it is Project Title, Description

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

Hm, What is access password?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 4 weeks later...
  • 1 month later...
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! : )

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...
  • Solution
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.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.