Jump to content

Need help adding padding and borders to 7.1 Gallery Slideshow Reel images

Go to solution Solved by KwameAndCo,

Recommended Posts

Site URL: https://sailfish-turquoise-4mac.squarespace.com/

Hi there!

I'm currently wrapping up a website design for a client and am running into an issue applying both padding and image borders to the Gallery Slideshow Reel in 7.1. Right now, I'm able to apply padding to space out each image and the slideshow as wireframed, but when borders are applied they aren't directly on the image – rather, they're outside of the bounds of the padding. 

I've attached screenshots here of my current view using the below CSS, and the original website wireframe of the desired look for the slideshow. Any troubleshooting tips for what I should target with my CSS would be super helpful – thanks so much! 

Current code: 

.gallery-reel-item img {padding: 15px}

Current View.png

Desired View.png

Link to comment
  • Solution

You'll need to share the password too.

EDIT:

As much as I'd like to encourage the good practice of putting the password with help requests, looking at the line of CSS you shared, I realised what you were using.

You can watch the video below or just copy the CSS if you don't care for the logic.

 

Edited by KwameAndCo

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

Some links may be affiliate/referral links.

Link to comment
1 hour ago, KwameAndCo said:

You'll need to share the password too.

EDIT:

As much as I'd like to encourage the good practice of putting the password with help requests, looking at the line of CSS you shared, I realised what you were using.

You can watch the video below or just copy the CSS if you don't care for the logic.

 

Oh wow, thank you so much – this is incredibly helpful and I appreciate you taking the time out of your day to record this tutorial! Targeting the image wrapper makes perfect sense now, as well as the additional steps that you shared.

Apologies about not sharing the password, I always forget 🤦‍♀️ Thank you again! 

 

Link to comment
1 hour ago, lindsayscholz said:

Apologies about not sharing the password, I always forget 🤦‍♀️ Thank you again! 

No worries. It happens! I could tell you meant to hahah.

If it's answered things, please mark the question as answered so that other members can easily find it 🙂

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

Some links may be affiliate/referral links.

Link to comment
  • 2 years later...

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.