Remove post format icon from pages

[theViatrix]

I've enabled post formats on my Metro theme site, but the icons are appearing on pages as well as posts (for example, my contact page shows the icon for the default post type). How can I make it so that the icons display only on posts, not pages?

Also, I would like the icons to display in line with or beside post titles, rather than above them. Any help on changing that would also be appreciated.

My website is http://www.theviatrix.com

Thanks in advance!

http://www.theviatrix.com/contact

[Jesse Petersen]

Hiding them is the easy part - in CSS, write this, preferably with the other image/post-type entries:

.page-template-default .page img.post-format-image {

display: none;

}

I'd have to fiddle with the other bit to get them inline, but it'd entail relative positioning, reducing the h1 and h2 .entry-title styles to < 100% width to make room and set the img.post-format-image width to 60px.

---

One of the guys you would want to hang out with.
Preferred StudioPress developer | owner of Petersen Media Group | author of The Golden Rule Way (still writing)

[theViatrix]

Thanks Jesse, that worked! I will fiddle with the positioning as per your suggestions and see what I can do with that as well.

Thanks!

[theViatrix]

Got it! Here is what I ended up doing:

.entry-title,
.entry-title a {
display: inline;
vertical-align: top;
}

BUT...

I would prefer that the icon were moved left rather than cutting into the title (especially noticeable on two-line titles). If I try relative positioning -60px the icon is hidden. Any ideas?

Here is an example: http://theviatrix.com/2011/09/tortilla-smackdown-part-4-tortilla-with-a-twist/

[Author]

Posts