Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 16, 2016 at 1:05 pm #584149
    Susanne

    URL: http://www.sumason.co.uk

    Hi there,
    I need a caption in Easy Slider BELOW the images, not as overlay.
    I found Vinnies’s answer (see copied code below), inserted it into quick css – but nothing changes.
    I also would need the font size only 11px and all in lower case & italic.
    Please could you help? Thanks

    /*Caption below image gallery*/
    .avia-slideshow-inner, .avia-slideshow{overflow: visible!important;}
    .avia-caption {
    bottom: auto!important;
    top:100%!important;
    left:0!important;
    padding:0!important
    }

    February 17, 2016 at 8:11 am #584510
    Rikard

    Hey Susanne,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    February 17, 2016 at 10:31 am #584551
    Susanne

    Hi Rikard,
    Please find details below.
    Thank you for your support.

    February 22, 2016 at 7:33 am #586903
    Ismael

    Hey!

    There’s a missing bracket in the Quick CSS field. We fixed it and it’s working now.

    Regards,
    Ismael

    February 22, 2016 at 11:33 am #587026
    Susanne

    Thank you, Ismael, that works now.
    However the font size should be 11px (and ideally italic) – I added this in the code but it doesn’t work:
    .avia-caption {
    bottom: -100px !important;
    padding:0!important
    font-size: 11px!important
    }

    I also don’t want the grey background – how can I get rid of this?
    Thank you very much!

    February 23, 2016 at 7:22 pm #587900
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .avia-caption-title, .avia-caption-content p {
    background: transparent!important;
}

    Regards,
    Yigit

    February 23, 2016 at 8:13 pm #587937
    Susanne

    Thanks, Yigit. However when I add the code you suggest, no caption appears at all!

    February 23, 2016 at 9:08 pm #587969
    Basilis

    Hi!

    Please try

    .avia-caption-title, .avia-caption-content p {
    background: none !important;
    }

    Cheers!
    Basilis

    February 24, 2016 at 1:16 am #588078
    Susanne

    Hi all,
    Thank you very much for your help. In case any other user looks for a similar solution, this is what I’ve added and what gives a satisfying result:

    /*Caption below image gallery*/
    .avia-slideshow, .avia-slideshow ul {
    overflow: visible !important;
    }
    .avia-slideshow ul {
    margin-bottom: 50px !important;
    }
    .avia-caption {
    bottom: -50px !important;
    padding:0!important;
    }
    .avia-caption-title {
    font-size: 14px!important;
    color: #333 !important;
    font-style: italic!important;
    text-transform: lowercase!important;
    font-family: ‘Open Sans’!important;
    background: white!important;
    }

    February 25, 2016 at 5:28 am #588744
    Rikard

    Hi,

    Great! Thanks for sharing :-)

    Best regards,
    Rikard

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