Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #343805

    Hi – I’ve adjusted the size of an image that is to the left of an EasySlider on the Home Page of the website, but now the EasySlider has gone very small – how can I get it to properly fill the space from top to bottom?

    Thank you!

    Kathryn

    #343813

    Hi again – also, I’ve added a You Tube video to a blog post which appears on the Post Slider on the Home Page, but how can I get an image of the video to show rather than just the small grey circle icon that is showing at the moment?

    Thank you!

    Kathryn

    #344745

    Hey!
    try this in Quick CSS:

    .avia-section .avia-slideshow li img {
    height: 295px;
    }
    
    .avia-image-container-inner, .avia_image, .av-image-caption-overlay {
    height: 295px;
    }
    

    You can adjust number “295” to your needs.

    Regards,
    Andy

    #344840

    Hi – thanks for the reply – yes this sort of works but it only stretches the image height-wise making it look out of proportion – how can I adjust the width as well? I tried adding width: 384px; below the height but it doesn’t seem to have any effect.

    Thank you.

    Kathryn

    #345407

    Hi – would really appreciate it somebody could let me have answers re the two questions that I’ve posted above asap.

    Many thanks.

    Kathryn

    #345550

    Hey!

    If you stretch it both ways then it’s going to look pixellated and blurry. It would be best if you can find a larger image to use if you want it to fill up more space.

    If you still wish to try it out then you can add this CSS,

    .slide-image img {
        width: 400px !important;
        height: 300px !important;
        max-width: 400px !important;
    }

    And play around with the values. But your image aspect ratios are very different so they are going to look stretched and blurry.

    For the video on the post you will need to set a featured image to the post to get it to display there.

    Cheers!
    Elliott

    #345622

    Hi – thanks for the reply – re the video in the post slider, is it not possible to show the video itself on the posts slider without adding a featured image, clicking on it to be taken to the post page and then play the video?

    I think I’ve managed to increase the size of the Easyslider image but how can I remove the blank space between the static image on the left and the Easyslider on the right? I would like them to be right up next to each other without any space.

    If somebody could help me to resolve these things quickly I’d really appreciate it as my client is waiting!

    Thank you.

    Kathryn

    #346003

    Hi!

    Try adding this to a text block in the or if your using the default editor switch to the Text tab and add this to the bottom,

    <style type = "text/css">
    div .av_two_fifth { margin-left: -3.5% !important; }
    </style>

    Best regards,
    Elliott

    #346194

    Hi – yes that’s really helped thank you – it’s nearly right – just one last slight tweak – if you look at the static image/easyslider, they slightly overlap the top of the coloured section and then there’s a gap beneath them and the the bottom of the coloured section. How can I stop the overlap at the top and make them fit neatly to the bottom of the coloured section?

    Thank you for your help.

    Kathryn

    #346235

    Hi!

    Add this to the style tag as well,

    .flex_column .avia-slideshow { margin-bottom: 0px !important; }
    .entry-content-wrapper .flex_column { margin-top: 3px !important; }

    Cheers!
    Elliott

    #346267

    Hi – that’s it! Perfect – thank you again for all your help.

    Kathryn

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘EasySlider the wrong size’ is closed to new replies.