Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 9, 2014 at 11:11 am #333110
    royaltask

    I use the Easy Slider AVIA – the caption title is showing on center of the image
    I need it
    – 100% width
    – transparent 0.1
    – sticky to the very bottom of the image
    Can you help me with CSS styling?

    • This topic was modified 10 years, 2 months ago by royaltask.
    October 10, 2014 at 7:04 am #333693
    Josue

    Hi,

    Can you post the link to the page please?

    Regards,
    Josue

    October 13, 2014 at 1:36 pm #334868
    royaltask

    This is how I started, now the caption looks ok:
    https://dl.dropboxusercontent.com/u/27860455/web/easyslider1.png

    But I want to cover 100% width, like this:
    https://dl.dropboxusercontent.com/u/27860455/web/easyslider2.png

    here is my CSS code:

    /* easy slider */
.avia-caption {
    left: -20px;
}
h2.avia-caption-title { font-size: 12px; }
.avia-caption {
    position: absolute;
    bottom: -49px;
}
.avia-slideshow, .avia-slideshow-inner {
    overflow: visible !important;
}
.avia-slideshow {
    padding-bottom:49px;
}
    October 13, 2014 at 10:02 pm #335206
    Josue

    Hey!

    Try with the following code:

    .avia-caption.av-slideshow-caption, .avia-caption.av-slideshow-caption .avia-inner-caption p{
    width: 100%;
}
.avia-caption.av-slideshow-caption{
    padding: 0;
    left: 0;
    bottom: 0;
}

    Best regards,
    Josue

    October 14, 2014 at 11:54 am #335526
    royaltask

    This works, tahnk you very much for help. Is there a way to add this for avia-caption-title as well?

    October 14, 2014 at 5:43 pm #335680
    Josue

    Hey!

    Please post a link to the page where you’re trying this.

    Best regards,
    Josue

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