Edin theme grid page image align

  • Unknown's avatar
    finnishwaterforum · Member ·

    Hello!

    I know that simple CSS can solve this issue.

    http://wp.finnishwaterforum.fi/en/

    1. On the Home page, the member’s image in the middle with the ducks is slightly shorter.

    2. On the Our Members page, Private Enterprises image & Associations image is also both slightly shorter.

    Thanks!

    Jini

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

  • ehtis · Staff ·

    Hi Jini,

    The following code should fix their alignment:

    .post-64 .post-thumbnail img {
	height: 220px;
}
.post-117 .post-thumbnail img {
	height: 218px;
}
.post-119 .post-thumbnail img {
	height: 220px;
}

    First one is for the home page image, second and third are in the order you asked for Members page.

    There could be two reasons for why it’s happening.

    Either the images you’ve uploaded are not in the optimal aspect ratio, or, it could be the default behavior of the theme to display images like this.

  • staff-totoro · Staff ·

    Props @ehtis that looks to even things out nicely, though I also agree that it’s likely that making sure that all the images you add to the grid area (set as featured images) share the same dimensions.

    It can be an extra bit of work in prepping your images before uploading, but would be a better solution than using CSS to fix it “after the fact.”

    Great job getting that site set up, Jini. Look super!

  • Unknown's avatar
    finnishwaterforum · Member ·

    Thanks a million :).

  • The topic ‘Edin theme grid page image align’ is closed to new replies.