Select Page

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*/
}

Pin It on Pinterest

Share This