Need Help With CSS Sprite Settings For Down Arrow

TheBigK

Well-known member
I updated my theme settings and found that the down arrow image next to my username "The_BigK" is not visible. I see that there's a darker version of the arrow included in the CSS sprite image.

Screen Shot 2012-02-20 at 12.36.41 AM.webp

I'm guessing the "Popup Control Arrow (closed)" is the setting I should change inside the 'Property Group: Popup Group' menu. Is this correct? What settings should I have for the darker version of the down arrow?

In general; how do I know the location of the graphic in the image sheet?
 
You can use a graphic program to determine the position of each image.

The dark arrows are:
up: -16 0
down: -32 0

The light arrows are:
up: -48 0
down: -64 0
 
Update: Got the job done by adding following code to extra.css


HTML:
.navTabs .navTab.PopupClosed .arrowWidget {

background-position: -32px 0;
}
 
Top Bottom