Jump to content

Gallery margins

Recommended Posts

Site URL: https://www.soakbox.com/home

Can someone guide me to fixing the margins of the individual photos in the gallery? I want the photos to have full bleed, but the photos on the sides get cutoff and I would like them to be evenly spaced. I tried adjusting the margins, but it puts a border around the gallery and I prefer it to be full bleed without a border. Thanks in advance for your help!

Screen Shot 2021-10-18 at 8.18.49 PM.png

With joy,

CARRIE POSTMA
Designer & Founder of ink & mouse
www.inkandmouse.com

 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

2 hours ago, CarriePost said:

Site URL: https://www.soakbox.com/home

Can someone guide me to fixing the margins of the individual photos in the gallery? I want the photos to have full bleed, but the photos on the sides get cutoff and I would like them to be evenly spaced. I tried adjusting the margins, but it puts a border around the gallery and I prefer it to be full bleed without a border. Thanks in advance for your help!

Screen Shot 2021-10-18 at 8.18.49 PM.png

To remove the black border, your can try adding to Home > Design > Custom Css

section[data-section-id="6169da317f23ad1a6ad06947"] .gallery-section-wrapper .gallery-reel {
  padding:0; 
}

Let me know if it works properly on your site

Support me by pressing 👍 if this useful for you

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
11 hours ago, bangank36 said:

To remove the black border, your can try adding to Home > Design > Custom Css

section[data-section-id="6169da317f23ad1a6ad06947"] .gallery-section-wrapper .gallery-reel {
  padding:0; 
}

Let me know if it works properly on your site

Support me by pressing 👍 if this useful for you

Thank you so much for your response @bangank36. That isn't quite what I'm looking to do. I can adjust the black border, what I'm looking for is to get the images to be fully in the frame with a full bleed. You will see in the in the screenshot, the wording on the side images is cutoff. I would like the full image to show, but also stay at full bleed.

With joy,

CARRIE POSTMA
Designer & Founder of ink & mouse
www.inkandmouse.com

 

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.