SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm trying to change the separate arrow image.

See here:

Currently what is putting this image there is:

   <SharePoint:ClusteredDirectionalSeparatorArrow runat="server" />

What I need to know is how can I override this so that instead of using the default arrow, it will use an image that I specify.

All I've been able to find so far tells me to just hide this and put the image I want as the background, but I would rather be able to override the control, as can be done with the smallsearchinputbox to change the icon for the search.

If anyone has any information about this or is able to point me in the right direction it would be greatly appreciated.

share|improve this question
up vote 1 down vote accepted

It is possible to create your own path seperator.

Follow this blog - Improving Navigation in SharePoint 2010 — Part 1

In the PathSeparatorTemplate insert your own seperator or seperator control.

Hope this helps :)

share|improve this answer

You could use plain CSS to solve this I think, like this:

.s4-titlesep img {
  display: none;
.s4-titlesep {
  background-image: url(;
  background-size: 11px 11px;
  background-repeat: no-repeat;
share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.