Reducing size of feature images

  • Unknown's avatar
    interculturallearningasia · Member ·

    Hi there!

    I’m using the Anemone theme and it’s working great, except the feature images (on every page except the home page) are enormous. Is there any way to halve their width so visitors don’t have to scroll down so much before they see page content?

    The site is https://cheatingandassessment.edu.au/

    Also, there is a heap of space after the feature images end and before the page content begins. I’d like to reduce that space if possible.

    Any help appreciated as I am stumped regarding what to do. We have just purchased this theme today.

    SS

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hallluke · Member ·

    Try adding this to the CSS section of your customiser (you can just delete the placeholder text that’s in there by default):

    @media screen and (min-width:2000px) {
  .site-content {
    padding-top: 0;
  }
  body.home .site-content {
    padding-top: 60px;
  }
  .site-hero {
    height: 500px;
  }
  .site-hero .site-hero-content {
    height: 320px;
  }
}

    It is just targeted to desktop/laptop screens which are quite wide. I didn’t want to mess with the tablet and mobile defaults which already make it less tall. Let me know if it messes up the spacing on any of your other pages.

  • Unknown's avatar
    interculturallearningasia · Member ·

    Thank you so much!!

  • The topic ‘Reducing size of feature images’ is closed to new replies.