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
I am a Squarespace Expert and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

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
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  Armadillo - Free portfolio template

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...