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

Add padding to slideshow reel in 7.1

Question

17 answers to this question

Recommended Posts

  • 0

Can you share link slideshow reel on your site?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
21 minutes ago, nancydesign said:

between the images!

Add to Home > Design > Custom CSS

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

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 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;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 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/

Share this post


Link to post
  • 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?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
3 hours ago, tuanphan said:

Where is gallery reel?

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

Share this post


Link to post
  • 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?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
Posted (edited)
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

Share this post


Link to post
  • 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

Share this post


Link to post
  • 0
On 8/11/2020 at 2:32 AM, Jarien said:

Hey,

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


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

 

i added that code to my  gallery reel also ***AFTER**** i ensured all vectors/images were same ratio. works well


Still angry, just a little older

Share this post


Link to post
  • 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


Still angry, just a little older

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