Problem reducing size of featured image

  • Resolved haleyassoc

    (@haleyassoc)


    7 years, 11 months ago

    Hi Hugo,

    Tried asking this in response to another form but haven’t heard back in 3 days so maybe a new post is better.

    Question: How would we co about changing the VH to being 50%. We don’t like how the featured image takes up the entire screen onload.

    Here is the CSS we applied to jetpack plugin, and it is not making a change

    .single.featured-image, .site-header-image. {
    height: 50vh;
    width: auto;
    }

    Please let us know what we are doing wrong thus far.

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

    (@edengonzalez)

    7 years, 11 months ago

    I have the same question

    Theme Author Hugo Baeta

    (@hugobaeta)

    7 years, 11 months ago

    >Tried asking this in response to another form but haven’t heard back in 3 days so maybe a new post is better.

    Just to be clear, I’m doing this on my free time and distributing the theme for free, so please understand that I can’t provide support for it every day.

    Ok, so there are two things you can do. For the homepage, you can do this (it will affect the first post, that takes the whole screen):

    .blog-home-content article:first-child {
    width: 100%;
    height: 50vh;
}

    On single posts, you can do this: (and this will apply to the media query on desktop widths)

    @media (min-width: 1100px)
.featured-image .site-header-image {
    height: 50vh;
}

    Hope this helps

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem reducing size of featured image’ is closed to new replies.