Change Dashicons Attachment Icons

  • Hello!

    We would like to make it more obvious that our attachment is a bulletin. Is there a way for us to change the dashicon to something else? A custom image would be ideal. It is not obvious to some people that the generic text file dashicon is the icon for bulletin.

    It may even work if I could put a key/legend at the top of the page – is that possible?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • You can do anything of those you listed. Since you said ideally you would like a custom image we’ll go with this for now. You need to create the image and upload it to your Media Library. Just for reference, your icons display as 58px x 58px. Then you need to add this to your Theme’s “Additional CSS” section.

    /* Displays Custom Bulletin Image */
.dashicons-media-text:before {content: "";}
.dashicons-media-text {
  background: url('custom-bulletin-image-here');
  width: 58px;
  height: 58px;
}

    The you need to edit the custom-bulletin-image-here to the url where you uploaded your custom image.

Viewing 1 replies (of 1 total)
  • The topic ‘Change Dashicons Attachment Icons’ is closed to new replies.