Change Home Page Post Image Size

  • Resolved Joe Streno

    (@butisitart)


    8 years, 4 months ago

    Hi Ben …

    I’m sure you’ve covered this before … but I would love to have all the post images on the Home page — which are all Featured Images — be the same size with a 2 to 1 ratio that they are in on all individual post pages. Currently all my Featured Images are 1000px x 500px — 2:1 ratio. Should be easy — yes?

    And I’d also like the text box containing the the post title, excerpt & other meta to be the same size as the photo div.

    And I don’t care if the images zoom when mousing over, just so the default image size on each image loading on the home page is 2:1.

    Thanks in advance … Joe 🙂

    http://www.go2jo.com

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Ben Sibley

    (@bensibley)

    8 years, 4 months ago

    Hey Joe,

    I’m afraid this is actually a tough customization to make. The issue is fitting the content in while keeping the images at a 2:1 ratio. Here’s what I mean: http://pics.competethemes.com/3Q2z3R1h122N

    You can see that if the post is limited to a 2:1 ratio, the content will need adjustment to stay fit within the post.

    I’m not sure if this is the design you had in mind, but the full width layout can display the featured images as 2:1 on the blog. This is because the design of the posts on the blog follows the same layout of the post pages.

    Thread Starter Joe Streno

    (@butisitart)

    8 years, 4 months ago

    Actually, you’re altered image above, is pretty much exactly what I want … 2:1 with the same standard alternating post layout of the standard version of Tracks. The only thing I’d want is all the meta to scale into the allotted area. Tightening up the line height might help fit all the info.

    I wouldn’t mind paying for it either if that layout were part of the Full Width upgrade. 🙂 I really do like how the home page posts alternate in the stock Tracks home page — meta left – image right, image left – meta right, etc. It just makes it more visually interesting.

    I guess I also wish I could “try” the Full Width upgrade with my content to see if I like it. Though I just may buy it anyway it to see if I like it. — $15.00 won’t kill me. lol Plus you are always so helpful. 🙂

    Actually I will buy Full Width & see how I like it. If you figure out a way to do what I’m asking, even better.

    Thread Starter Joe Streno

    (@butisitart)

    8 years, 4 months ago

    I opted for the 2 column upgrade. 🙂

    Theme Author Ben Sibley

    (@bensibley)

    8 years, 4 months ago

    Awesome thanks for upgrading!

    If you need any help modifying it let me know, and I’ll be happy to help.

    Thread Starter Joe Streno

    (@butisitart)

    8 years, 4 months ago

    Even though I bought the upgrade I came up with my own solution too:

    I cut the excerpt text down to 10 words & changed the title font-size & excerpt-container height. Looks good with 2 line titles too.

    h1.excerpt-title {
	font-size: 1.3em !important;
	line-height: 1.2em !important;
}
div.excerpt-container {
	height: 25% !important;
}
div.excerpt-meta {
	padding-bottom: 1.1em !important;
}

    Seems to be working okay & looks fine on my iPad & iPhone too.

    Screenshot

    http://www.go2jo.com

    Theme Author Ben Sibley

    (@bensibley)

    8 years, 4 months ago

    Very clever, that’s a great solution!

    Thread Starter Joe Streno

    (@butisitart)

    8 years, 4 months ago

    Ben …

    Thanks! 🙂

    We all have to work with what we have & our abilities. lol

    And I DO appreciate the work & support you put into your themes.

    Thans again. 🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change Home Page Post Image Size’ is closed to new replies.