Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 31, 2014 at 12:41 am #343805
    kathrynmichaud

    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

    October 31, 2014 at 1:02 am #343813
    kathrynmichaud

    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

    November 2, 2014 at 12:56 am #344745
    Andy

    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

    November 2, 2014 at 12:58 pm #344840
    kathrynmichaud

    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

    November 3, 2014 at 6:17 pm #345407
    kathrynmichaud

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

    Many thanks.

    Kathryn

    November 3, 2014 at 10:02 pm #345550
    Elliott

    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

    November 3, 2014 at 11:49 pm #345622
    kathrynmichaud

    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

    November 4, 2014 at 6:45 pm #346003
    Elliott

    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

    November 4, 2014 at 10:52 pm #346194
    kathrynmichaud

    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

    November 4, 2014 at 11:47 pm #346235
    Elliott

    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

    November 5, 2014 at 12:40 am #346267
    kathrynmichaud

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

    Kathryn

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