WordPress.org

Ready to get started?Download WordPress

Forums

Attitude
[resolved] How to Reduce the height of Slider Images (6 posts)

  1. pathardepavan
    Member
    Posted 10 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

  2. pathardepavan
    Member
    Posted 3 months ago #

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

  3. Wouters
    Member
    Posted 3 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

  4. pathardepavan
    Member
    Posted 3 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

  5. Wouters
    Member
    Posted 2 months ago #

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

    Regards,

  6. pathardepavan
    Member
    Posted 2 months ago #

    Hi,

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

    Regards,
    Pavan

Reply

You must log in to post.

About this Theme

About this Topic