Mat Bowles

Theoretically, you use the same basic code to do it with CSS--you can also do it by hacking your S2 layer if you know how to do that, but it's a different process, CSS is easier but not as good practice.

First, you need to blank the existing images, they're all contained within the Class "entry-management-links" so:

.entry-management-links img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
padding: 17px 17px 0 0 !important;
}

Then for each you need to insert a new image

.entry-management-links img[src="LOCATION OF CURRENT IMAGE"] {
background-color:transparent;
background-image: url(LOCATION OF NEW IMAGE);
padding: 17px 17px 0 0 !important;
}

Basically look at the source code of the bit you want to change to get the code, currently your journal isn't displaying them so I can't tell you specifically.

Two caveats: first is that IE users might not see anything at all, which will confuse them, second is that the icons were chosen to be generic and tie in with sets used on lots of sites, changing them might cause confusion.

First caveat is why it's better to do it in S2, there are layout comms that have layouts doing it, it should actually be a very simple bit of code, so it might even be in the S2 cookbook on the Wiki.