Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • April 16, 2015 at 4:17 pm #429709
    nonne

    Hey team

    When I place any item, image or video, into the fullscreen slider, it scales up to fit the width of the screen – even if I chooce the No Scaling option??!! I would like to be able to place a smaller image in the slide (without it scaling up) on a background color or image. How do I do this?

    Thanks

    April 17, 2015 at 6:33 am #430104
    Rikard

    Hey Carsten!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    April 17, 2015 at 7:04 am #430124
    nonne
    This reply has been marked as private.
    April 19, 2015 at 10:59 am #430850
    Andy

    Hi!

    It will be difficult to manage I think, because you can’t define custom CSS for each image in the slider. All CSS will effect the whole slider. But we would like to have a look into your slider. Can you please send us a link showing the fullscreen slider in question? I couldn’t find it on your website …

    Cheers!
    Andy

    April 19, 2015 at 9:05 pm #430959
    nonne

    Hi Andy

    I think you might be misunderstanding my question. Let me rephrase:

    In the full screen slider there is an option of placing content with “No scaling”!!

    I would think that meant, that you could put an image there, say 200×200 pixels – and then this image or item in the full screen slider actually would keep this size of 200×200 pixels!! That would be my intuitive idea of “No scaling”. However the full screen slider automatically scales any item placed in the full screen slider to full screen or width??

    Now the question is: Is it not possible to place an item (image or video) in the full screen slider so that this item does not scale but remains its size??

    best regards

    April 20, 2015 at 8:23 pm #431570
    Elliott

    Hey!

    The point of the fullscreen slider is to display some images that fill up the whole screen. If you want to display the images in their original dimensions 200 x 200 then you would have a blank screen with a small image in the top left hand corner. To do that you can use this CSS.

    .avia-fullscreen-slider .avia-slideshow > ul > li { background-size: auto !important; }

    I don’t think that’s what your wanting to do though so take a screenshot and highlight your intentions so we can get a better idea.

    Best regards,
    Elliott

    April 21, 2015 at 6:07 am #431763
    nonne

    Hey Elliott

    Thanks for your answer.

    Just to understand correctly: Does the full screen slider ALWAYS stretch any image/video to full screen?

    If so, then: When choosing “Slideshow Image Size” – what does the option “No scaling” mean?

    Secondary: Can the css-snippet you provided be used for just one or a selected few slides in a slideshow?

    Thanks and best regards

    April 21, 2015 at 7:35 pm #432302
    Yigit

    Hey!

    Yes, fullscreen slider will always stretch to fulllscreen.
    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then change the code to following one to apply it to only specific element

    .your-custom-class .avia-slideshow > ul > li { background-size: auto !important; }

    Best regards,
    Yigit

    April 22, 2015 at 10:34 am #432676
    nonne
    This reply has been marked as private.
    April 22, 2015 at 2:53 pm #432834
    Yigit

    Hi!

    Can you please try the code as following 

    .cm-no-scaling li {
  background-size: auto!important;
}

    Cheers!
    Yigit

    April 22, 2015 at 3:11 pm #432852
    nonne

    Hi Yigit

    Thanks for responding again. Now something happened, but not quite as intended :) Now a small image is no longer stretched (which was the idea) but unfortunately now it is just repeated horisontally and vertically in a pattern filling up the screen. VIdeo on the other hand is not effected at all by this css – still stretched to full screen. Is this a no go :) ? To me it is more important to be able to play video NOT fullscreen (in pre-defined size) than it is to make still images not stretch to full size. Images I can make a “workaround” by using png’s with transparency.

    Thanks again

    April 22, 2015 at 3:25 pm #432861
    Yigit

    Hey!

    Please change the code to following one

    .cm-no-scaling li {
  background-size: auto!important;
  background-repeat: no-repeat!important;
}
.cm-no-scaling .mejs-mediaelement {
  height: 50%;
}

    Cheers!
    Yigit

    April 22, 2015 at 3:39 pm #432871
    nonne

    Hi Yigit

    Great :) Images now shows in original size. Video is not stretched to full screen.

    Thanks a lot!!

    One final thing: Is it possible to position a video on screen fx center it (vertically – it allready is centered horisontally)

    All the best :)

    April 22, 2015 at 3:42 pm #432873
    Yigit

    Hi!

    Please change the second code to following one :) 

    .cm-no-scaling .mejs-mediaelement {
  height: 50%;
  top: 25%;
}

    Cheers!
    Yigit

    April 22, 2015 at 4:07 pm #432902
    nonne

    Hi Yigit

    Heureka! This just works :)

    Thanks again Yigit !!!

    very best regards

    April 22, 2015 at 4:19 pm #432910
    Yigit

    Hey!

    You are welcome Nonne, glad we could help!
    Happy Earth day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Image size in fullscreen slider’ is closed to new replies.