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

Add padding to slideshow reel in 7.1


nancydesign

Question

22 answers to this question

Recommended Posts

  • 0
14 minutes ago, gradycomms said:

@tuanphan when I used your code, it added the padding by cropping the image on the left. Any tips on how to get the padding to just go between the images without cutting it off?

URL:  https://synthesizer-scarlet-yx66.squarespace.com/

Password: jhlcompany

@media screen and (min-width:992px) {
.gallery-reel-item {
    width: 90px !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
  • 0
On 4/23/2020 at 8:24 PM, tuanphan said:

@media screen and (min-width:992px) {
.gallery-reel-item {
    width: 90px !important;
}
}

 

 

On 3/12/2020 at 6:12 AM, tuanphan said:

Add to Home > Design > Custom CSS


.gallery-reel-item img {left: 10px !important;}

 

both of these cut off parts of my images. would appreciate any help you can offer, thanks!

here's my site url (password is password): https://tarpon-mandolin-lblr.squarespace.com/

Link to comment
  • 0
1 hour ago, crrjuilliard said:

 

both of these cut off parts of my images. would appreciate any help you can offer, thanks!

here's my site url (password is password): https://tarpon-mandolin-lblr.squarespace.com/

Where is gallery reel?

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
  • 0
3 hours ago, crrjuilliard said:

I'm creating an automatically sliding gallery. already used code to hide the slide buttons. just needed to increase the padding between the logos

Screen Shot 2020-05-24 at 4.03.37 AM.png

It seems you can't. Why don't use Gallery Grid?

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
  • 0
On 5/24/2020 at 4:48 AM, crrjuilliard said:

 

both of these cut off parts of my images. would appreciate any help you can offer, thanks!

here's my site url (password is password): https://tarpon-mandolin-lblr.squarespace.com/

Hey,

I ran into the same problem, and just got it working with this:

.gallery-reel-item img {
    object-fit: contain !important;
}

 

Edited by Jarien
Link to comment
  • 0

Hi @tuanphan--

 

Unfortunately, this code cuts off the right side of the image when I increase it to 100px. I am looking to create a photo separation kind of like in the CAMPAIGNS section of this website below:

https://rafsimons.com/ss20 CAMPAIGNS

 

How would I be able to achieve this layout?? (Would be great if you have any insight on horizontal scrolling as well) 

 

Thank you!! 

 

 

.gallery-reel-item img {left: 10px !important;}

 

Best,

Grace

Link to comment
  • 0
On 5/24/2020 at 8:04 PM, crrjuilliard said:

I'm creating an automatically sliding gallery. already used code to hide the slide buttons. just needed to increase the padding between the logos

Screen Shot 2020-05-24 at 4.03.37 AM.png

are you trying to have the same gap between all of the images? 
I am working on that same situation currently. I had to make sure all vectors/images were the same size/ratio to start with

Link to comment
  • 0

Hi, I am having this same problem currently in Squarespace 7.1 Slideshow Reel, all images are the same square pixel size and the two codes above still cut off the right side of the images by moving them into their neighbors - the images do not space outward from each other. Any suggestions? Thanks!

https://innovativeintensity.squarespace.com/ bottom of the page. I need to add more spacing between these logos.

Edited by standardtoaster
added website for reference
Link to comment
  • 0
On 6/23/2021 at 2:28 AM, FabiSantiago said:

Hi same issue.

Can't add space without cropping the images, which is annoying.

Anyone know how to fix this? I tryed the solutions above but they didn't work.

tx

Can you share link to reel on your site?

Email me if you have need any help (free, of course.). Answer within 24 hours.

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

Hi all, just picking this up. I had the same problem, so I put a positive position on the container (which crops, as you know) and a negative position on the img, to the value of half. This re-aligns the image centrally. 

.gallery-reel-item-src{
  left: 34px
}
.gallery-reel-item img{
      left: -17px;
}

 

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