Support » Theme: Edin » Reducing Featured Image height

  • Resolved emc


    Probably the most asked question on this forum-I did a search first. I tried reducing the padding in css but it doesn’t shrink any further. Suggestions please.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi @emc,

    I can see you’ve added the following custom CSS already to reduce the padding around the image:

    @media screen and (min-width: 1230px) {
        .hero.with-featured-image, body[class*=front-page] .hero {
            padding: 20px 0;

    Are you trying to reduce the height further still?

    Thanks for the reply.
    I was trying to reduce the height of the Front Page image with that, but it affected other pages. IE if you look at the image in the Front page, I set the same image to the Music Lesson page. The image in the Music Lesson page is half the height of the Front Page. I’m messing up somewhere, but not sure where.

    Oh crap, I just hit Submit, and it hit me. The padding is the space between text and the edge of the image. The Lessons page image was smaller because there were fewer lines of text. Major derp. Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reducing Featured Image height’ is closed to new replies.