Slider heigh with CSS

  • Resolved tom75

    (@tom75)


    1 year ago

    Hi,

    I tried to change the slider heigh by CSS because I want different heights for desktop and mobile. Adding following rule to Custom CSS wont’t work:

    .psac-post-carousel.psac-design-2
    .psac-post-image-bg {
     height: 550px !important;
    }

    I’m so glad if you could help!

    Thanks a lot
    Tom

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter tom75

    (@tom75)

    1 year ago

    …or is it possible to set the aspect ratio of the slider-image, so it will be the same on desktop and mobile?

    Cheers
    Tom

    • This reply was modified 1 year ago by tom75.
    Plugin Contributor Aadhya

    (@aadhya9)

    1 year ago

    Hi @tom75

    Sorry for the delayed response.

    I am not sure about the aspect ratio but you can try below CSS. I have used 100% ratio but you can try 16:9 (56.25%) OR 4:3 (75%)

    .psac-post-carousel.psac-design-2 .psac-post-image-bg {
    height: auto;
    padding-bottom: 100%;
    background-position: top center;
    }

    For different devices like mobile, iPad you can try different CSS like below

    @media screen and (max-width: 768px) {
    .psac-post-carousel.psac-design-2 .psac-post-image-bg {
    height: 300px;
    }
    }

    The above CSS works if device width is less then 768 width.

    I hope the above CSS will work for you.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Slider heigh with CSS’ is closed to new replies.

  • 2 replies
  • 2 participants
  • Last reply from: Aadhya
  • Last activity: 1 year ago
  • Status: resolved