Select Page

Change the RBSEL and RBUNSEL images in Sharepoint via CSS

I found this little gem of an idea that changes the background image of the RBSEL/UNSEL images and then pads the default images out of view:

/*ADD Custom RBSEL and RBUNSEL Overrides CSS */
IMG[src*=’/_layouts/images/rbsel.gif’]
{
BACKGROUND-IMAGE: url(‘rbsel.jpg’); /* This is the url for the image to replace the selected arrow*/
WIDTH: 16px; /*this must equal the width of your new image*/
HEIGHT: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 16px /*This must equal the height of your new image it will pad the double arrow out of view*/
}
IMG[src*=’/_layouts/images/rbunsel.gif’] {
BACKGROUND-IMAGE: url(‘rbunsel.jpg’); /* This is the url for the image to replace the unselected arrow*/
WIDTH: 16px; /*this must equal the width of your new image*/
HEIGHT: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 16px /*This must equal the height of your new image it will pad the double arrow out of view*/
}

Find WebID for a Sharepoint 2010 site via a URL:

Find the WebID in the URL by going to Site Settings, then Content and Structure Logs, then using the drop-down for the site I selected General Settings and the resulting URL it took me to had the WebID after SPWeb between a pair of %3A codes. Just change the %2D codes to dashes (-).

Pin It on Pinterest