asked on

carousel

need to put captions of the carousel below the image.
currently it comes on top of the image and does not look good.
please provide css to make the caption appear below the image in a horizontal div.
carousel-example.html

HainKurt

here is demo of your code...

https://jsfiddle.net/dmn32dy7/

HainKurt

just copy h2 to the buttom

<h2>Carousel Example</h2>

Open in new window

https://jsfiddle.net/t9rkuvLd/

lawn care

ASKER

not the expected result.
i want the caption to go below the image and not at the bottom of the image which is easy to do.

HainKurt

maybe this works!

I moved header on top of slider... with some opacity...

https://jsfiddle.net/3kr8f6x6/

lawn care

ASKER

please understand the question.
i want the caption to go below the image and not at the bottom or top of the image which is very easy to do.

HainKurt

i want the caption to go below the image and not at the bottom or top of the image which is very easy to do.

I dont get it what you want... can you show with an example/screenshot?

David Kelly

Like that?

ASKER CERTIFIED SOLUTION

Leonidas Dosas

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

HainKurt

just use

.carousel-caption {
  width: 100%;
  height: 50px;
  z-index: 15;
  color: #fff;
  left: 0!important;
  padding-bottom: 10px
}

.carousel-text {
  background-color: gray;
  padding: 5px;
  color: #fff;
  opacity: 0.8;
  width: auto;
}

Open in new window

https://jsfiddle.net/gndejg3r/

is this what you want?

I removed lots of redundant properties...

lawn care

ASKER

excellent! you understood my question and delivered exactly what i need.