Captions in slideshow overlap the following elements

HTML & CSS
1

This post is a follow-up to this topic: Slideshow is "empty" initially

Today, I implemented the css from that topic to a new part of my site and ran into a previously undiscovered issue, namely that captions on the slideshow will spill over onto the following elements as seen here (not all the images have a long caption, so if the first one doesn’t break you may need to click through a few slides):

https://westeros.org/News/Draft/16518

Is there any way to solve this with this particular implementation?

2

That’s hardly a caption but more like two paragraphs :slight_smile:

You would need to move the slideshow caption out of the controlled height. It may be that you can get away with something like this as you seem to want a fixed height image so this may be the simplest solution if it doesn’t break something else.

.SlideshowWrapper{
height:auto;
max-height:none;
min-height:0;
}
.SlideshowCaption{
background:#F1D9B3;
}
.SlideshowPrev, .SlideshowNext{
top:250px
}

Captions really are only supposed to be one line long otherwise they are not really captions.:slight_smile:

2 Likes
3

Thank you, that worked very well. And yeah, they’re perhaps a bit long to be called captions, I had forgotten how much we wrote last time when we did screencaps and commented on them. :slight_smile:

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.