Forums

aaronheine

I'm looking to insert an image that would appear above the blog posts and below the menu only on the home page.

Where would I place that code?

http://handtherapyrehab.com/

Thanks

Mottie

Hi Aaronheine!

Since the "featured" class is only on the home page, you could just add the image as a background image there. Try something like this:

.featured {
 background: url(http://handtherapyrehab.com/wp-content/themes/PureType/images/logo.jpg) top center no-repeat;
 padding-top: 100px;
}

Where the "padding-top" is the height of the image (plus a little extra to add spacing)

aaronheine

Clever thinking, but actually I may use like a photo slider. So where could I fit an actual div in there?

Mottie

Can't you just add a div above the featured one? I guess I'm not understanding what you mean by inserting an image... don't you have control over the HTML? It appears that only the home page has the a div named "home-wrapper" instead of "post-wrapper" on other pages.

aaronheine

Actually placing a div just inside the container div of the home.php file did it.

treehouse : what would you like to learn today?

Forums

How to place image at the top of the blog posts.