Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 4, 2019 at 11:32 am #1097153
    APeschke

    Using Easy Slider the images permanently are streched to a height of 587 although using the setting “No scaling (original width&height)” I tried
    ul.avia-slideshow-inner {
    height: auto !important;
    }
    in Quick CSS but without success. In Full Slider it works. What can I do?
    Best regards Annett

    May 5, 2019 at 12:50 pm #1097406
    Rikard

    Hi Annett,

    Could you post a link to where we can see the results you are getting please?

    Best regards,
    Rikard

    May 5, 2019 at 1:50 pm #1097431
    APeschke

    Sorry the message appears only adding a product to the basket. Here a screen cutout:
    cutout message
    I mean the light green background and the “button warenkorb anzeigen”
    Best regards
    Annett

    May 5, 2019 at 2:01 pm #1097436
    APeschke

    Oh, sorry I confused this problem with an other posted problem. Here the link:

    Startseite

    Best regards Annett

    May 6, 2019 at 5:37 am #1097579
    Rikard

    Hi Annett,

    I gave you the answer in your other thread already :-)

    Best regards,
    Rikard

    May 6, 2019 at 9:09 am #1097609
    APeschke

    Dear Rikard,
    sorry but the original problem was here the Easy Slider Image Size:

    »Using Easy Slider the images permanently are streched to a height of 587 although using the setting “No scaling (original width&height)”
    I tried:
    ul.avia-slideshow-inner {
    height: auto !important;
    }
    in Quick CSS but without success. In Full Slider it works. What can I do?«

    If I change the size of grid column – then it looks better but it is not the solution.
    Best regards
    Annett

    May 7, 2019 at 5:15 am #1097927
    Rikard

    Hi Annett,

    Sorry about that, so you are looking for the slider to always adapt to the size of the current image?

    Best regards,
    Rikard

    May 7, 2019 at 7:49 am #1097973
    APeschke

    Hallo Rikard,
    its less complicated. All images of my slider have the same size 533×400. I choosed “No scaling (original…)” for the slideshow image size but the images are always scaled up. I tested other settings for the slide show image size – but the result is always the same. Here an example:

    test

    Best regards
    Annett

    May 7, 2019 at 1:47 pm #1098071
    Rikard

    Hi Annett,

    The default setting in the slider is for the images to span 100% of the container, that is likely why that is happening. You can try to control the width of the images using this CSS though:

    .avia-slideshow li img {
    width: 500px;
}

    Best regards,
    Rikard

    May 7, 2019 at 3:25 pm #1098097
    APeschke

    Hi Rikard,
    unfortunatly I have different sliders in my website. Than all get the same width ;((
    Best regards Annett

    May 8, 2019 at 6:14 am #1098301
    Rikard

    Hi Annett,

    You can target different pages using the page id class, for your test page for instance it would look like this:

    .page-id-108 .avia-slideshow li img {
    width: 500px;
}

    You can find the page id class in the body tag of the page, or in the URL when editing the page in question.

    Best regards,
    Rikard

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