Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 8, 2016 at 10:09 am #644652
    ridcon

    hi,
    ich control th emax height of the slider with following css :

    .avia-slide-wrap {
    max-height: 630px!important;
    }

    it works. But it always cuts the slider, beginning from the bottom. ‘The feed are cutted off’.
    I want to change this. The slider shall be cut, but beginning from the the top. ‘The heads shall be cut off’

    Is there a way?
    Thanks
    ridcon

    June 9, 2016 at 5:58 am #645224
    Rikard

    Hey ridcon,

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

    Thanks,
    Rikard

    June 9, 2016 at 6:11 am #645231
    ridcon

    here is the link.

    June 10, 2016 at 4:36 am #645972
    Rikard

    Hi,

    I get a 404 error on the page you linked to, could you check please?

    Es konnte leider nichts gefunden werden

    Grüss,
    Rikard

    June 10, 2016 at 7:38 am #646068
    ridcon

    sorry, here ist the new link

    June 12, 2016 at 10:00 pm #647040
    Andy

    Hi,

    I checked your website but it looks good to me, I can’t see any issues. Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Andy

    June 13, 2016 at 8:21 am #647227
    ridcon

    Hi Andy,
    you can find the two screenshot at the bottom.

    Regarding the Problem. I have a Slider with Pictures which are uploaded to WP in exact 1500 x 630 px. At the slider I choose 1500 x 630px, too.
    Additional to these Settings I have set the maximum height of the slider to 630px in the custom css.

    Up to this point, everything is ok. The problem begins when the width of the Screen is bigger than 1500px and the height of picture normally gets bigger than 630px (proportional). Because of the setting of the Maximum height to 630px, the slider is cropping the picture at the bottom.
    For us it is very important that the slider croppes the picture at the top. So the bottom of the picture is still visible.

    best regards ridcon

    June 13, 2016 at 8:48 am #647230
    ridcon

    the screenshots are of the page (link in private)

    June 16, 2016 at 3:27 am #648929
    Ismael

    Hi,

    Use css media queries to adjust the max height on bigger screens.

    @media only screen and (min-width: 1500px) {
.avia-slide-wrap {
    max-height: 800px !important;
}
}

    Best regards,
    Ismael

    June 16, 2016 at 8:54 am #649076
    ridcon

    Hi Ismael,
    that was not my question. As I wrote in #647227.The pictures in the slider shall be wrapped at the top and not at the bottom.
    When the slider reaches the max-height the picture shall be cut at the top not at the bottom.

    Is there a way

    best regards
    ridcon

    June 18, 2016 at 5:32 am #650087
    Ismael

    Hi,

    Did you try the css code? On larger screens, the bottom part of the images are cut off, not the top. Zoomed out screenshot:

    View post on imgur.com

    Best regards,
    Ismael

    June 20, 2016 at 3:18 pm #650862
    ridcon

    Hi Ismael,
    thanks for your advice. I tried the css.
    It works, but not in the way I want.

    My aim is that the Slider has max-height:630px, the width can be larger than 1500px.
    But if the width is larger than 1500px the picture shall be cut at the top not at the bottom..

    Is this possible?

    Best regards
    ridcon

    June 22, 2016 at 4:46 am #651862
    Ismael

    Hi,

    Try to add a negative top margin:

    .avia-slideshow li img {
    margin-top: -20%;
}

    Best regards,
    Ismael

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