ContentFlow javascript carousel - how to add text to image?

Question

I'm looking to make use of the excellent Javascript widget called ContentFlow:

http://jacksasylum.eu/ContentFlow/index.php

However, in my ExtJS application, I have a need to print text inside the images that are scrolling by. Not being a CSS whiz, I'm really struggling to do this. Any insights would be most welcome!

Answer 1

I think that you should add the following styles in .caption class. Something like that may work.

.caption {
  position: relative;
  bottom: 125px;
}

Apart from that, it just an issue of playing around with the bottom value to position it at your will. Also, don't forget that you could add left, right and top attributes as well, if you need to.