Streaming live at 10am (PST)

Captions under (outside) slide?


#1

Hey guys, what I'm looking for (and I have failed to achieve) is to add a text caption to each slider that positions under the slide and oustide of it. Just like when you add an caption to an image.

link: https://preview.webflow.com/preview/anibals-stellar-project?preview=de0ead8ff03ba7418c30d9b4ea8f644d

Thanks in advance.


#2

Use an image instead of background image. Background images take zero space.


#3

Thanks Sam but still not getting it.
For sake of simplicity lets pretend there is not image at all:

How to get the text block under the nav bar?


#4

Try playing around with absolute positioning on the text block and slider nav.


#5

The problem with that is that it does not go below the slider (it hides).


#6

Yup, so it has to be at the bottom of the slide. You can put a background on the caption.


#7

I appreciate your effort Sam but I must be a top goofy because I'm not making it.
I added a class to the mask and turned the overflow to visible and that worked -but- the slides are shown and all went wrecked.
I also tried to add a zindex to the text block so it gets over the slide but did not work either.


#8

You are not supposed to modify the mask in any way. The caption can only sit just above the bottom of the slide, it can't go below.


#9

So, to be clear, it's not possible to have a block of text, per slide, below the navbar? isn't possible a workaround?


#10

See for yourself:

http://sandbox-903b9c.webflow.io/slider-caption


#11

The second example would do the trick! how do you achieve that Sam?


#12

Caption same background colour as body background colour. Still within the slide.

Open project here: https://preview.webflow.com/preview/sandbox-903b9c?preview=2a77d4d5446ddad097abb9bf8603288b


#13

Thanks Sam!
Which project holds the example so I can see it in a weblow setup fashion?


Or is there a way to open this in webflow?


#14

More custom Webflow sliders...


#15

Nifty :slight_smile:
Is there a way to open https://preview.webflow.com/preview/sandbox-903b9c?preview=2a77d4d5446ddad097abb9bf8603288b under Webflow? So I can analyse and see what was I doing wrong?
Thanks. You have been a scholar and a gentleman!