Need Help With CSS Sprite Settings For Down Arrow


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.png

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?


XenForo moderator
Staff member
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


Well-known member
@Brogan: Thanks!

I'm still struggling with which setting to change. Am I on the right panel? -

Screen Shot 2012-02-20 at 12.56.45 AM.png


Well-known member
That setting controls the 'sub-forum' down-arrow.

How do I control the one that's next to my username (screenshot in post#1).


Well-known member
Update: Got the job done by adding following code to extra.css

.navTabs .navTab.PopupClosed .arrowWidget {

background-position: -32px 0;