• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Need Help With CSS Sprite Settings For Down Arrow

TheBigK

Well-known member
#1
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?
 

Brogan

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

TheBigK

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

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

TheBigK

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


HTML:
.navTabs .navTab.PopupClosed .arrowWidget {

background-position: -32px 0;
}