I would like to change the caption style for the easy slider captions? Currently, it overlays the caption on the image. I would like to use the same style as the portfolio items where the caption shows up below the image with a thin border and a arrow pointing to the image.
I tried the snippet offered in a previous post and it moves the caption below the image, but retains the background color.
As seen here: http://test.metairtech.com/products/fire-smoke-combination-dampers/
.avia-slideshow, .avia-slideshow-inner {
overflow: visible;
}
.avia-slideshow {
padding-bottom: 100px;
}
.avia-caption {
bottom: -100px;
}
.avia-slideshow-dots {
bottom: 100px;
}
I would like to have the same style as a portfolio item, where the caption is below the image.
As seen here: http://test.metairtech.com/projects/
Hey argusnet,
Try adding this code in Quick CSS (located in Enfold > General Styling), it should look the same except there’s no triangle:
#top .avia-slideshow-inner .avia-caption {
background: #333;
border-radius: 0;
height: 60px;
width: 100%;
left: 0;
bottom: auto;
top: 100%;
}
#top .avia-slideshow-inner .avia-caption p {
background: transparent;
}
Hope this helps :)
Best regards,
Nikko
This doesn’t seem to work. The caption is no longer overlying the image, but I can’t see it anywhere. Maybe because the color is white?
It gets pushed down and out of the image area. How do I make it visible below the image?
Hi,
your website seems to be broken: http://i.imgur.com/Mql6Uio.png
Send us a precise link where we can inspect the elements in question, as soon as you’re ready.
Best regards,
Andy