Remove post format icon from pages

Community Forums Forums Design Tips and Tricks Remove post format icon from pages

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  theViatrix 1 year, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #39248

    theViatrix
    Participant
    Post count: 19

    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
    #39256

    Jesse Petersen
    Participant
    Post count: 16

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

    [css]

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

    display: none;

    }[/css]

    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)

    #39350

    theViatrix
    Participant
    Post count: 19

    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!

    #39458

    theViatrix
    Participant
    Post count: 19

    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/

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.