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

My NavTab Arrows Have Disappeared

Discussion in 'Styling and Customization Questions' started by Zovator, Oct 22, 2012.

  1. Zovator

    Zovator Member

    Capture.PNG
    As you can see, I have no arrows next to my tabs, when you hover over the spot where they would be, the popup shows up, but I would like to get them back so people know where to hover. I don't know why they disappeared, but I can't seem to find a way to fix them. Assistance would be appreciated.

    ~Thanks.
     
  2. Shelley

    Shelley Well-Known Member

    A link to your site?
     
    Jake Bunce likes this.
  3. Zovator

    Zovator Member

  4. Shelley

    Shelley Well-Known Member

    The arrows are still there. You just can't see them because the arrows are white being displayed on a white background. You will need to adjust them by doing some alterations to them (color change) from the spritesheet with a graphics editor.

    arrows.png
     
    Jake Bunce likes this.
  5. Zovator

    Zovator Member

    Er, might be a stupid question, but where is the spritesheet?
     
  6. Shelley

    Shelley Well-Known Member

    should be in your styles/default/xenforo/xenforo-ui-sprite.png if your linking from the default.
     
    Jake Bunce likes this.
  7. Zovator

    Zovator Member

    Alrighty, uploaded a differently coloured version, and it still isn't there. Emptied the cache, still not there..
     
  8. Zovator

    Zovator Member

    Bump...
     
  9. Shelley

    Shelley Well-Known Member

    Not even sure this will work but worth a try. Add the following to extra.css

    Code:
    .navTabs .navTab.PopupClosed:hover .SplitCtrl {
        background: url("styles/default/xenforo/xenforo-ui-sprite.png") no-repeat scroll -128px 5px transparent;
    }
    
     
    Jake Bunce likes this.
  10. Zovator

    Zovator Member

    Nope :L
     
  11. Shelley

    Shelley Well-Known Member

    I just edited my previous post try that. Use @imagePath if your not linking from the default directory and try adding !important before the ; if it still doesn't show.
     
  12. Zovator

    Zovator Member

    Nothing :(
     
  13. Shelley

    Shelley Well-Known Member

    Could you possibly post the contents of your extra.css template in here. Perhaps jake might see what the problem is.
     
  14. Zovator

    Zovator Member

    Code:
    .navTabs .navTab.PopupClosed .navLink
    {
        color: black;
            text-shadow: none;
            text-decoration: none;
    }
     
    .navTabs .navTab.PopupClosed .navLink:hover
    {
        color: grey;
            text-shadow: none;
            text-decoration: none;
    }
     
    #ctrl_message_html_fontselect
    {
            display: none!important;
    }
     
    .secondaryBar {
        background-color: transparent;
    }
     
    .navTabs .navTab.selected .navLink
    {
        background: #393939 repeat-x top;
        color: @lightTextColor;
    }
     
    .navTabs .navTab.selected .tabLinks a {
        color: black;
    }
     
    .navTabs .navTab.selected .tabLinks a:hover {
        text-shadow: none;
    }
     
    .secondaryBar {
        border-bottom: none;
    }
     
    #QuickSearch #QuickSearchQuery.textCtrl {
        background: url('@imagePath/xenforo/gradients/search-bg.png') top repeat-x @textCtrlBackground;
        border: 1px solid #393939;
     
    }
     
    .nodeList .level_2 .nodeTitle a { color: black !important;}
    .nodeList .level_2 .unread .nodeTitle a { color: #4D4D4D!important; }
     
    .sidebar .primaryContent, .sidebar .secondaryContent {
    border-radius: 0px !important;
    }
     
    .sectionMain {
    border-radius: 0px !important;
    }
     
     
    .forum_list .titleBar {
    display: none;
    }
     
    .EWRporta_Portal .titleBar {
    display: none;
    }
     
    .message .messageMeta a {
    color: grey;
    }
     
    .navTabs .navTab.selected .blockLinksList .ul .li .a {
    color: grey;
    }
     
    .content {
    border-radius: 0px;
    }
     
    ::selection {
    background: #393939;
    color: white;
    }
    ::-moz-selection {
    background: #393939;
    color: white;
    }
     
    .navTabs .navTab.PopupClosed:hover .SplitCtrl {
        background: url("styles/default/xenforo/xenforo-ui-sprite.png") no-repeat scroll -128px 5px transparent;
    }
     
  15. Shelley

    Shelley Well-Known Member

    Whatever, you've done your still linking to the white icon. And the coordinates or some edit you did is causing this.

    navbar-icon.png
     
  16. Zovator

    Zovator Member

    Uhh, I edited navigation.css, but I don't remember touching anything related to the arrow
     
  17. Zovator

    Zovator Member

    I downloaded the spritesheet again and it's exactly how I left it, and the arrows are grey, so I have no idea why this is happening.
     
  18. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  19. Zovator

    Zovator Member

Share This Page