Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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 ago by argusnet.
    #711028

    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

    #737976

    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?

    #738479

    It gets pushed down and out of the image area. How do I make it visible below the image?

    #740197

    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

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.