Caption format in Theatre-Vegas slideshow

dougc · 2016-10-17 01:46:43

I have a Theatre-Vegas slideshow working almost to my liking on the home page of my test Backlight website:
www.collinsnet.us/backlight-test/

I would like to:
(1) Move the caption bar to below the photo (no gap).
(2) Change the color of the caption bar to the same color as my home page background so that the bar 'disappears', and the caption words remain.

I have not been able to find any settings or controls that allow me to do this. Is it possible to do this and, if so, how?

I have used custom css to center the caption by piecing together code from other posts (Thank you, Rod!), but I have no idea what the code might be to accomplish my caption objectives in css.

Thank you!
Doug

rod barbee · 2016-10-17 04:40:11

I don't think you'll be able to easily move the caption, that element is inside of the slideshow container. You might try experimenting in your custom css with positioning.
Using the inspector I couldn't find any css that controls the caption's background, though it must be there someplace.

dougc · 2016-10-17 04:54:58

Rod,
Thanks for looking into this. Maybe Matt will have an idea.
Doug

Matthew · 2016-10-17 08:49:55

Afraid not. The caption is indeed a part of the slideshow container, so there's no good way of moving it.

dougc · 2016-10-17 12:22:32

Is there a way to change the color of the background bar for the caption?

rod barbee · 2016-10-17 12:56:25

Think I found it. Looks like the selector is:

.vegas_caption > .content

your background color is currently controlled by:

.vegas_caption > .content {
    background-color: rgba( 0, 0, 0, 0.25 );
....more stuff...
   }

so try adding a rule for the background color to your custom css and change color that way

dougc · 2016-10-17 13:37:44

Rod,

Thank you! That is the selector that I needed for the background color. In addition to causing the bar to 'disappear' into my page background, it covered the bottom of my image with that color making it look like the caption is indeed below the image. With some images, that might not work, but I can select images that are okay with that 'cropping'. Have a look at my home page and you will see what I mean.

Again, thanks so much.

Doug

Community @ The Turning Gate

#1 2016-10-17 01:46:43

Caption format in Theatre-Vegas slideshow

#2 2016-10-17 04:40:11

Re: Caption format in Theatre-Vegas slideshow

#3 2016-10-17 04:54:58

Re: Caption format in Theatre-Vegas slideshow

#4 2016-10-17 08:49:55

Re: Caption format in Theatre-Vegas slideshow

#5 2016-10-17 12:22:32

Re: Caption format in Theatre-Vegas slideshow

#6 2016-10-17 12:56:25

Re: Caption format in Theatre-Vegas slideshow

#7 2016-10-17 13:37:44

Re: Caption format in Theatre-Vegas slideshow

Board footer