Jump to content

Is there a way to add a slideshow to the homepage header in 7.1?

Recommended Posts

Site URL: https://asianfilmdallas.com/

Hi, 

We recently switched over to a 7.1 template and I'm trying to figure out how we can create a slideshow gallery in the homepage with the text overlays like I can on the static image like I have right now. I've been searching and I'm having trouble finding a way to do this. 

Essentially, since we are a film festival, like to have a different image for each of our showcase films with different text for each and a button so people can buy tickets. So just like the static image but with a gallery instead. 

Thanks for any help. 

Link to comment
  • Replies 1
  • Views 201
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hi. Like this example? https://thung.squarespace.com/slideshow-with-button?noredirect

Pass: abc

If yes, add a Gallery Slideshow > In Description, use this format

<h4>text text</h4>
<a href="https://google.com">Read Out more</a>

Screenshot_1.thumb.png.671cd149b7d7b259c284523456f86b21.png

and add this code to Page Header (page where you added slideshow)

<style>
figcaption.gallery-caption.gallery-caption-fullscreen-slideshow {
    position: absolute !important;
    top: 50%;
  left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 80%;
    margin-top: 0;
    height: auto;
}

figcaption.gallery-caption.gallery-caption-fullscreen-slideshow h4 {
    margin: 0;
}
figcaption.gallery-caption.gallery-caption-fullscreen-slideshow a {
    background-color: white;
    padding: 10px 20px;
    margin-top: 20px;
    display: inline-block;
    border-radius: 50px;
}

</style>

 

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.