Change page and blog icons in news feeds

Mark Nixon July 17, 2011

Hi,

I was wondering if its possible to change the tiny icons representing page and blog icons in news feeds(Ones mainly found on the dash? So for instance, instead of just the small icon of a 'page', important blog updates could get a star?

Thanks

3 answers

1 accepted

0 votes
Answer accepted
Azwandi Mohd Aris
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
July 19, 2011

Alternatively, just replace the image file with what you want (while keeping the filename as it is)? These icons are likely located in the <confluence-installation>/images/icons folder.

1 vote
David at David Simpson Apps
Marketplace Partner
Marketplace Partners provide apps and integrations available on the Atlassian Marketplace that extend the power of Atlassian products.
July 18, 2011

@Justin Downing is right. That's the quickest way to get what you want. However, you'll need to remember what you did when you come to upgrade though, as this customisation will likely be reverted.

Another approach would be to override the CSS with a custom stylesheet.

Browse to...

Confluence Admin | Look and Feel | Stylesheet

Click on edit and paste...

.icon-page {
background: transparent url(/path/to/new/page-16.gif) no-repeat scroll 0 0;
}
.icon-blog {
background: transparent url(/path/to/new/blog-16.gif) no-repeat scroll 0 0;
}

This is more likely to survive an upgrade, expecially if the icons are attached to a page that permits anonymous access.

1 vote
justindowning
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
July 17, 2011

The simplest way is to rename the image files that the stylesheet (confluence/includes/css/icons.css) is using:

.icon-page {
    background: transparent url(../../images/icons/docs_16.gif) no-repeat scroll 0 0;
}
.icon-blog {
    background: transparent url(../../images/icons/blogentry_16.gif) no-repeat scroll 0 0;
}
Save those files somewhere so you have a backup and copy your files to the same path/filename. Confluence will show your images the next time you refresh the page in the browswer.

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events