Change size feature image on homepage

  • Hello

    I was wondering how I can change the size of the image on the homepage.
    I would like a big image on my homepage (= static page), and smaller ones on the other pages.

    I tried to use

    featured-image {
    padding-bottom: 10%;

    This code changes the size of all the feature images on every page.

    For exemple : homepage : padding bottom is 30%
    On the other pages : padding bottom is 10%
    Is this possible ?

    Thanks in advance

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

  • what size is your image (naturally) ?

    can you post the website url ?
    thx

    Thread Starter kopsomer

    (@kopsomer)

    Hello

    I think the image size is not a problem. It’s the part that needs to be shown. That’s why I use ‘padding bottom is xx %’

    My site : https://www.verbatex.com

    The image on the homepage is good. No need to change the height of this.
    The image on the page ‘carpets’ needs to be less higher. (approx 50% less high of homepage)

    Thx

    Theme Author Ben Sibley

    (@bensibley)

    Here is how that can be done:

    .featured-image {
  padding-bottom: 12%;
}
.home .featured-image {
  padding-bottom: 24%;
}

    That will set all the featured images to be much shorter, and then make the featured image on the homepage twice as tall.

    Thread Starter kopsomer

    (@kopsomer)

    Hello Ben
    Perfect !
    Many thanks for your help !
    Thx

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change size feature image on homepage’ is closed to new replies.