Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #554521

    Hi,

    I am currently having difficulties customising the image size using the Featured Image Slider function.

    The images come out too big and I was hoping that the image will follow the height of the slider height.

    Would appreciate any help here! Thanks in advance! :)

    ZH

    #554774

    Hi SIMZHIHUI!

    If you want the images to display as 100% the height of the slider then it’s going to look distorted depending on your screen size. You can use this CSS if you really want to do that.

    #top .avia-slideshow-fixed-height > li { background-size: 100% 100% !important; }
    

    Cheers!
    Elliott

    #555038

    Hi Elliot,

    Where will I need to put this CSS to test out?

    Also, while using the Featured Image Slider function, I realised that the photos do not automatically switch after the second photo.

    Would you be able to help understand why this is so?

    Thanks for your help so far!

    Cheers,
    ZH

    #555320

    Hi!

    You can add it to a codeblock element in the page content.

    <style type = "text/css">
    insert your code here
    </style>

    The sliders are still rotating after the second slide for me. Try viewing in another browser.

    Best regards,
    Elliott

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