Change the symbol of posts

  • Bobslee

    (@bobsleeuwenhoek)


    1 year, 2 months ago

    Is it possible to change the picture/icon that is shown for specific post types? For instance, the standard post has a symbol of some lines of text, and the Image post type has an icon of a camera. I would like to change these icons to others that fit more with my content.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @bobsleeuwenhoek , it’s possible if you’re handy with CSS. Here’s the CSS for an image post, for example:

    .posts .format-image .entry-inner:before {
    content: "\f102";
    font-size: 2.5rem;
}

    The content line is what determines the icon, and they’re based on Genericons. The “.format-image” is the class name that specifies the type of post.

    You will need to know the Genericon unicode value (there are sites that list those for you) and the class name you’re working with (you can find this using inspect element). Then you can create snippets like the one above for each type of post, and add them to the Additional CSS section of your site.

    Hoping this helps!

    Thread Starter Bobslee

    (@bobsleeuwenhoek)

    Thanks! Looks like the options for genericons are quite limited. I’m guessing there is no chance of using a different icon group like Material Design Icons?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change the symbol of posts’ is closed to new replies.