Jump to content

Create a clickthrough slideshow with no arrows

Recommended Posts

Hi everyone! 

I want to create a slideshow to display some of my work. I want to make it a clickthrough slideshow, with no arrows on the sides, and a caption to be displayed at the bottom, like now. I also want the slideshow to be moved to the left of the page and to include a new block with text on the right, like shown in the screenshot below. Does anyone know how to do it?

Thank you so much in advance! 

Aina 

Screenshot 2023-03-15 at 20.23.10.png

Link to comment
  • Replies 11
  • Views 460
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

#1. Clickthrough

You mean click on each image >> open a new page or?

#2. You can add a Gallery Section Slideshow on top, Text Section on Right, we can give some code to make text appear right of slideshow

#3. Caption at bottom

When you add a Gallery Section Slideshow, you can Enable Gallery Caption, then edit each image >> Add caption in Description field

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
  • 4 weeks later...
1 hour ago, aina said:

Hi! 

Thank you so much for your answer! 

#1 Meaning than when you click on the image, the next one appears, no arrows or new pages opening.  

Something exactly like this: https://gemmapenyaferrer.com 

I think we can add Slideshow, enable arrows, then we will use code to make arrows cover slideshow (and use code to hide arrows then)

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
On 4/12/2023 at 3:27 PM, aina said:

Perfect! How should I do that? Thank you! 

 

On 4/11/2023 at 3:52 PM, tuanphan said:

I think we can add Slideshow, enable arrows, then we will use code to make arrows cover slideshow (and use code to hide arrows then)

You ca add Slideshow, enable arrows then share link to page where you added, we will check

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
On 4/24/2023 at 3:24 AM, aina said:

Add to Design > Custom CSS

.gallery-slideshow-controls>div {
    width: 50% !important;
}
button.gallery-slideshow-control-btn {
    width: 100% !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-slideshow-controls svg {
    opacity: 0;
}

 

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

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.