Luscious Theme – Fixing the title header and featured image

[stevebeans]

Using the luscious theme, I found whenever a featured image is too small, it ends up looking like this...

This wouldn't be a problem on new blogs, but I am going to convert my blog to this theme and the old images are going to look all messed up.

Any suggestions how to fix it? I tried messing with the genesis_after_post_title hooks, but I couldn't seem to get it right. It's because the date box is floating left while nothing else is. The only time it looks normal is if the image is large enough to force the date box below it. I'm sure there is something in the css I could do, or possibly a different hook. I'm open to ideas. I don't care if the picture ends up below the title/info, I just want it to look normal regardless of the size.

[nutsandbolts]

Have you tried regenerating thumbnails? That's usually necessary after changing to Genesis from another theme. Install the Regenerate Thumbnails plugin, then look for it under Tools in the dashboard to run all images through it. After that, they should display according to the sizes set by your child theme.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[stevebeans]

Thanks for the tip. For some reason, that didn't work. Anything under a certain width just does not go all the way to the left.

One question, for the theme, it says the featured image is 660x250, is there a spot I can add that number so it crops/re-sizes images to that dimension?

Right now my media files are

125x125 (exact width)
300x300 (max width)
1024x1024 (max width)

Although the genesis section allows me to select 'post-photo (660x250), I don't see a place where I can actually set that number.

Worst case, some of my old posts will look like crap, but I am just trying to avoid that

[nutsandbolts]

WordPress should be resizing your images per the sizes in your child theme's functions.php as well. Sometimes it may not if the image's dimensions don't translate well to that particular size. What I usually do is upload at the largest size specified in my child theme. With Luscious, post-photo is the only image size specified in functions:

/** Add new image sizes */
add_image_size( 'post-photo', 660, 250, true );

So if you're adding the image as featured (versus adding it into the post editor box), it should be resizing. Are you able to post a link to the site where you're using Luscious? It may be easier to help troubleshoot if we're able to see the live site.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[stevebeans]

I can't link to the site because I'm working offline right now. Because it's an established blog, I don't think they'd like me making tweaks haha.

I think what's going to happen is that older posts may look messed up, but when I add new posts, I will make sure the image is >600 width so it resizes like it should.

[alyssaavant]

Does anyone know yet how to fix this?

[nutsandbolts]

Hi Alyssa,

Can you post a link to your site?

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[alyssaavant]

Its my clients site http://journaling4faith.com/

[alyssaavant]

its on the blog page

[nutsandbolts]

It looks like the images aren't wide enough to fit into the theme's featured image size. Some of the posts are showing the image twice while others don't appear to have a featured image set. How does your client want the images to display on the blog page?

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[alyssaavant]

She is trying to get them to be just the featured image. How do we do that

[nutsandbolts]

Okay. First, she needs to install the Regenerate Thumbnails plugin. Once she activates it, she'll need to go to Tools > Regen. Thumbnails and allow the plugin to run. That should resize the existing featured images if at all possible, though it may not work since they aren't large enough.

Next, she'll need to be sure that the images she sets as featured are at least 660px wide by 250px tall. To avoid duplicating on the homepage, they should only be set as featured and not inserted into the post editor box. That will allow the featured image to display on both the homepage and single posts. Hopefully that helps!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Author]

Posts