patriceacer Posted March 22, 2023 Share Posted March 22, 2023 I'm using a banner slideshow on a home page for testimonials. Works great for that, however, I've been unable to decrease the space that gets created between the text of the content (each testimonial in this case) and the navigation arrows that I have set to be at the bottom of the slideshow. There seems to be an excess amount of space and its particularly noticeable on mobile view. I've tried every combination of setting changes but nothing seems to decrease that space. Thanks for your help. Link to comment
tuanphan Posted March 25, 2023 Share Posted March 25, 2023 Hi, Can you share link to homepage? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
patriceacer Posted March 31, 2023 Author Share Posted March 31, 2023 Sure. You can see the home page at https://healthcare-training-corp.squarespace.com/ Btw I entered the link during the prompts given during posting. I assumed you would be able to see it. Sorry bout that, I definitely would have put it in the body of the question. Link to comment
tuanphan Posted March 31, 2023 Share Posted March 31, 2023 7 hours ago, patriceacer said: Sure. You can see the home page at https://healthcare-training-corp.squarespace.com/ Btw I entered the link during the prompts given during posting. I assumed you would be able to see it. Sorry bout that, I definitely would have put it in the body of the question. Thank you. Reduce this space? I think it should be an option when editing List. You try checking again If you still can't find it, try use this code to Design > Custom CSS body.homepage ul.slides.slides--initialized { min-height: unset !important; } body.homepage .desktop-arrows.arrows-bottom-outer { top: calc(~"50% + 150px") !important; transform: translateY(-50%); } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
patriceacer Posted March 31, 2023 Author Share Posted March 31, 2023 Thanks for your suggestions and yes that's the space I'm trying to reduct. It's a banner slideshow and within the editing options I'm unable to decrease the space between the testimonial and the navigation arrows. The only way I can decrease the space using the editing options is to choose "center" vs. "bottom" for the navigation arrows. See attached screenshots. When I choose "center" the space is decreased. But when I choose "bottom" there is way too much space. You'll see I have the padding above the navigation set to zero and it still doesn't reduce the space. I'll try your code but wanted to leave it out for now if you're looking at the issue. Also curious... it doesn't make sense that choosing the "bottom" option for navigation arrows, actually centers the arrows, but choosing "center" doesn't? 🤔 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment