removing post type icon in Pachyderm theme

• 

  hyacinthgirlbeauty · Member · Sep 6, 2013 at 3:52 am

  • Copy link
  • Add topic to favorites

  Haven’t found a fix for this in the forums and not savvy enough with CSS to figure it out for myself. I want to get rid of the purple icon to the left of each post, for regular posts it shows a rectangular page symbol.

  I guess it would also be helpful if someone could let me know how to replace the icon with a custom one, but for the moment just hiding it would be fine.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Sep 6, 2013 at 5:05 am

  • Copy link

  Hi, this will hide the post type icon and move the comment link icon up beside the post title.

  .post-format-indicator {
      display: none;
  }
  .comments-link {
      margin-top: 0;
  }

  The icons are in what is called an image sprite (multiple images in a grid in one file). Here is the existing image URL. You could make a new one and put the images in the same locations, upload it to your media library, get the URL of the image and then replace URL OF IMAGE with your image in the following CSS added to your custom CSS.

  .hentry .post-format-indicator, .single-attachment .post-format-indicator, .hentry.sticky .post-format-indicator, .hentry.format-link .post-format-indicator, .hentry.format-audio .post-format-indicator, .hentry.format-video .post-format-indicator, .hentry.format-status .post-format-indicator, .hentry.format-aside .post-format-indicator, .hentry.format-quote .post-format-indicator, .hentry.format-chat .post-format-indicator, .hentry.format-image .post-format-indicator, .hentry.format-gallery .post-format-indicator {
      background-image: url("/wp-content/themes/pub/pachyderm/img/sprite.png");
      background-repeat: no-repeat;
  }

  If you wanted to change the color of the circle background, that would be done here.

  .hentry .post-format-indicator {
      background-color: #4F027C;
  }