Jump to content

Putting slideshow summary block text underneath the image...

Recommended Posts

Hey, I was simply wondering if there was a way using code to put the title/description text box for Summary Slideshows underneath the image? So going from the first example attachment, to the second one. Manipulating the padding and margins doesn't get the box below the image as it crops it off on the image line. Any help with this would be very much appreciated. All I need is to move the position of the text box below the image.

first example.PNG

second example.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

On 4/15/2021 at 3:34 PM, tuanphan said:

Hi. I think this is possible. Can you share link to page in screenshot? We will take a look

Thank you so much!

https://www.honestgamecomplex.com/article/news/indie-world-showcase-april-2021

Also...apologies for the scrappy CSS on my page. I don't have the best coding etiquette. At least comments are there though! Haha.

Edited by Honest_GC
Link to comment
On 4/19/2021 at 5:01 AM, Honest_GC said:

Thank you so much!

https://www.honestgamecomplex.com/article/news/indie-world-showcase-april-2021

Also...apologies for the scrappy CSS on my page. I don't have the best coding etiquette. At least comments are there though! Haha.

Try adding to Design > Custom CSS

/* Slide caption */
.sqs-gallery-block-slideshow .slide.loaded .meta {
    bottom: -130px;
}
.gallery-block {
    margin-bottom: 130px;
}

image.thumb.png.5ab4aa461cdebaf2df6c339e43e9ea16.png

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.