-
AuthorPosts
-
November 9, 2016 at 10:03 pm #710455
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/
-
This topic was modified 8 years, 11 months ago by
argusnet.
November 11, 2016 at 9:07 am #711028Hey 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,
NikkoJanuary 24, 2017 at 10:51 pm #737976This 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?
January 25, 2017 at 5:03 pm #738479It gets pushed down and out of the image area. How do I make it visible below the image?
January 30, 2017 at 2:45 pm #740197Hi,
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 -
This topic was modified 8 years, 11 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
