How to Reduce the height of Slider Images

  • Resolved pathardepavan

    (@pathardepavan)


    10 years, 6 months ago

    Dear Team,

    I would like to know how to reduce the image height is slider as the sliders are covering whole screen size.

    Your help is appreciated.

    Regards,
    Pavan P

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter pathardepavan

    (@pathardepavan)

    9 years, 11 months ago

    You can change the height of the slider/images in the code

    Wouters

    (@wouters)

    9 years, 11 months ago

    Hi, Can you please explain how you did this. Im having trouble ajusting the size of the image slider aswell…

    Thanks!

    Gr,
    Wouter

    Thread Starter pathardepavan

    (@pathardepavan)

    9 years, 11 months ago

    Hi,

    In style.css i added
    img {
    max-width:100%;
    height:300px;
    vertical-align:top;
    }

    Even though i have hardcoded 300px it looks perfectly fine on mobiles.You can add media queries if you want to reduce/increase the height of images based on screen resolution.

    for img you can prefix with .figure if you need to.

    Regards,
    Pavan

    Wouters

    (@wouters)

    9 years, 11 months ago

    Thanks. Does it matter there i put the code in the style.css?

    Regards,

    Thread Starter pathardepavan

    (@pathardepavan)

    9 years, 11 months ago

    Hi,

    I suggest create a child theme. Yes you can put the code in style.css .

    Regards,
    Pavan

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to Reduce the height of Slider Images’ is closed to new replies.