Left Align Featured Image on Homepage
 

The homepage default for the "Featured Image" is to show above the excerpt. I'd like the image to show to the left, similar to how Mashable does it. How can I do that?

Also, how can I get the Category to show before the excerpt (a la Mashable).

Thanks in advance.

-vinnie v-

You can style the featured image (Post Thumbnail is what Atahualpa calls it) in ATO>Post Thumbnails. You just need to put in the CSS box and any other styling you want.

Thanks for the reply. I checked the settings on that and the default shows:

---------------------------------------------------

But the featured image still defaults to the top of the post on my homepage. Is there something I should change in the code above to indicate that I want the thumbnail to float left?

Delete the following from the box and see what happens.

That did the trick. Thank you so much for your help!

Do you happen to know how I can make the category show up prior to the excerpt?

For example - if I post an article about the iPhone and I put it in the "Apple" category, how do I get "Apple" to show up before the excerpt (similar to how mashable does it).

Put the necessary code in the Byline boxes in ATO>Edit POST/PAGE INFO ITEMS

Thanks so much Larry.

Would it be difficult to move the featured image to the left and have the post title and excerpted text on the right like Mashable? (sorry to keep referencing them - I just really like how they display the excerpted text and images on their homepage)

Your image should be on the left with the code that is there. If not you just have to play around with the CSS in the Post Thumbnails box. Do you have a link to your site? It's kinda hard to give you ideas without seeing the site.

Yes, thanks. http://www.vinniev.com

You'll see how the image shows to the left of the excerpt but the Post title is still showing on top of the image. Trying to move post title right above the excerpt and to the right of the image.

Yours looks like mashables. I'm not sure what you want to do. BTW you have the left inner sidebar still showing. I would turn that off and set the site width to about 900px. I think you would like the layout better.

Turn off left inner sidebar in ATO>Style & Configure Sidebars
Set site width in ATO>Style & Configure Layout

Thanks again. I guess what I'm trying to figure out is how they're showing the "All Stories" section of their site with the image to the left (see attachent).

My site layout matches their "Trending Story" layout at the top of their page but how are they displaying it on the left for the "All Stories" section.

Thanks for the suggestion about the width.

I don't have anything checked for the left inner sidebar so I'm not sure where/why that's showing. I do have the right inner blank right now because I'm still figuring out what I want to include there but I plan to update that section very soon.

Thanks again for the help. I'll send in another donation shortly. :-)

I think that would require building a custom page template but maybe someone else knows a "trick".