Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 10, 2016 at 3:59 pm #581203
    Stephenvato

    Hi Enfold Team!

    I would like to implement an EasySlider image show on top of my home page.
    The image ratio is a pretty much like a banner size (witdth of 964px and height of 244px).
    Each images of the slider has a caption title that displays fine in the default configuration for large screens, but not for mobile phone/device.
    The caption’stitle then completly overlaps the image, hidding everything.

    So for small screen devices, I would like to move the caption’s title downwards as shown on the attached screen shot: http://i.imgur.com/dUwoGxF.jpg
    In the different posts I have gone through, I found the following quick CSS code to adjust the position on the caption:
    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title,
    .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { position: relative; bottom: -10px; }

    It works OK but if the bottom value exceeds a certain amount, the caption title gets hidden (at least the portion out of the image container/frame).

    Thanks in advance for your support & advice and have a great day,
    Steph.

    February 12, 2016 at 10:10 am #582124
    Ismael

    Hi Steph!

    Thank you for using the theme.

    I’m sorry but you can’t move the caption below the slider. You can only decrease the font size and padding of the caption content:

    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
    padding: 5px 7px;
    font-size: 10px !important;
}

    Regards,
    Ismael

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