Featured image resize

  • Resolved yukariiwasaki

    (@yukariiwasaki)


    9 years, 6 months ago

    Hi
    I am working on the website, ebersaki.com and I am l wondering if it is possible to adjust the featured image size esp for desktop?

    Ideally I want the images to be smaller so more images are visible above fold.

    Responsive mobile looks great but will appreciate it if you can let me know how to adjust the featured image sizes!

Viewing 1 replies (of 1 total)
  • Moderator Kathryn Presner

    (@zoonini)

    The featured-content sizes are defined in the CSS here:

    /* Featured Content */
.blog .featured-content .hentry:first-of-type {
  height: 500px;
  width: 830px;
}
.blog .featured-content .hentry:nth-of-type(2),
.blog .featured-content .hentry:nth-of-type(3) {
  height: 375px;
  margin-left: 30px;
  width: 400px;
}
.blog .featured-content .hentry:nth-of-type(4),
.blog .featured-content .hentry:nth-of-type(5) {
  height: 250px;
  margin-top: -280px;
  width: 400px;
}
.blog .featured-content .hentry:nth-of-type(5) {
  margin-left: 430px;
}

    You can override those values by adding the same styles with your desired height and widths into your custom CSS, experimenting to get the proportions and sizes as you like.

Viewing 1 replies (of 1 total)
  • The topic ‘Featured image resize’ is closed to new replies.