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

Discussion in 'Styling and Customization Questions' started by TheBigK, Feb 19, 2012.

  1. TheBigK

    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.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?
  2. Brogan

    Brogan 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
  3. TheBigK

    TheBigK 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
  4. TheBigK

    TheBigK 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).
  5. TheBigK

    TheBigK Well-Known Member

    Update: Got the job done by adding following code to extra.css

    .navTabs .navTab.PopupClosed .arrowWidget {
background-position: -32px 0;

Share This Page