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

XF 1.1 Theme is acting weird :(

Discussion in 'Installation, Upgrade, and Import Support' started by faeronsayn, Oct 9, 2011.

  1. faeronsayn

    faeronsayn Well-Known Member

    Well I've now successfully updated all the outdated templates of my theme,

    through that "There are templates that may be outdated. Click here to review them." but I am still having various issues with the theme.

    For example, the node images, are gone, its just blank, samething with the arrow thing beside usernames and "thread tools"... Not sure why that is....

    Another problem is that it seems some new features won't work on my theme, but are working on the default one. Example, the all in one search won't work for some reason, when I go into a thread, the search is normal.

    Another issue is when creating a thread with prefixes. As you might know that the thread title field is wider now because of the prefixes, but for some reason, this hasn't been applied to my theme, even though I've updated all those outdated templates, so it's the same thin thread title field, and the prefix is shoved inside it, which looks really bad.

    If anyone could help please do !!
     
  2. Michael

    Michael Active Member

    I have the exact same issue with the icon next to the username in the navigation. Hope someone can help with this and your issues.
     
    faeronsayn likes this.
  3. Russ

    Russ Well-Known Member

    With the image problem, with the Beta versions came sprites.

    You're probably missing the new sprite images, node-sprites.png and xenforo-ui-sprites(could be the wrong name I'm at work), you need to update and upload them. Check the default style main directory for the sprite images.
     
    faeronsayn likes this.
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Russ is spot on.

    Every time the default theme is updated with new images, you will need to copy these to your own style directory.
     
    faeronsayn and ShadyX like this.
  5. faeronsayn

    faeronsayn Well-Known Member

    Its done, and the forum is still showing blank node icons.
     
  6. Russ

    Russ Well-Known Member

    Do you have a link to your site? Or PC me it if you don't want to make it public. The other thing if you've made changes to one of the css sheets, that could also be the reason behind the trouble.

    His style icon is showing as this:

    Code:
    
    .node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon {
    
    
        background-image: url("");
    }
    
    Any reason why it might be that way?
     
  7. faeronsayn

    faeronsayn Well-Known Member

    Not sure where you see that probably in firebug... but this is what its showing me in the "node_list.css" template...

    Code:
    .node .forumNodeInfo .nodeIcon,
    .node .categoryForumNodeInfo .nodeIcon
    {
    background-image: url(@forumIconReadPath);
    }
    
    .node .forumNodeInfo.unread .nodeIcon,
    .node .categoryForumNodeInfo.unread .nodeIcon
    {
    background-image: url(@forumIconUnreadPath);
    }
    
    .node .pageNodeInfo .nodeIcon
    {
    background-image: url(@pageIconPath);
    }
    
    .node .linkNodeInfo .nodeIcon
    {
    background-image: url(@linkIconPath);
    }
    
     
  8. Russ

    Russ Well-Known Member

    Ya looks outdated, here's my stock:

    Code:
        .node .forumNodeInfo .nodeIcon,
        .node .categoryForumNodeInfo .nodeIcon
        {
            @property "nodeIconForum";
            background-image: url('@imagePath/xenforo/node-sprite.png');
            background-repeat: no-repeat;
            background-position: 0 0;
            @property "/nodeIconForum";
        }
    
        .node .forumNodeInfo.unread .nodeIcon,
        .node .categoryForumNodeInfo.unread .nodeIcon
        {
            @property "nodeIconForumUnread";
            background-image: url('@imagePath/xenforo/node-sprite.png');
            background-repeat: no-repeat;
            background-position: -36px 0;
            @property "/nodeIconForumUnread";
        }
    
        .node .pageNodeInfo .nodeIcon
        {
            @property "nodeIconPage";
            background-image: url('@imagePath/xenforo/node-sprite.png');
            background-repeat: no-repeat;
            background-position: -72px 0;
            @property "/nodeIconPage";
        }
    
        .node .linkNodeInfo .nodeIcon
        {
            @property "nodeIconLink";
            background-image: url('@imagePath/xenforo/node-sprite.png');
            background-repeat: no-repeat;
            background-position: -108px 0;
            @property "/nodeIconLink";
        }
    
    And ya, that was from firebug
     
    faeronsayn likes this.
  9. faeronsayn

    faeronsayn Well-Known Member

    Thank you so much, could you please tell me where I would go about finding the template for that "arrow" thing, beside the username..
     
  10. Russ

    Russ Well-Known Member

    Are you referring to the RSS icon?

    If so it's in the same template:

    Code:
            /*.node .feedIcon
            {
                background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
            }*/
    
     
  11. faeronsayn

    faeronsayn Well-Known Member

    No i meant on the navigation bar, you have your username, and beside your username there is a an arrow... to show that this element drops down...? That arrow, has disappeared after the upgrade, so just wondering which template contains that.. so i can fix it ?
     
  12. Russ

    Russ Well-Known Member

    Code:
    .Popup .arrowWidget
    {
        /* circle-arrow-down */
        @property "popupArrowClosed";
        background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -32px 0;
        margin-top: -2px;
        margin-left: 2px;
        display: inline-block;
        *margin-top: 0;
        vertical-align: middle;
        width: 16px;
        height: 14px;
        @property "/popupArrowClosed";
    }
    
    in xenforo_popup.css

    It seems like you're editing the direct css files quite a bit, I would try to put all the edits in the style properties and for any extra use EXTRA.css, it will avoid all the hassle for future upgrades.
     
    Michael likes this.
  13. Michael

    Michael Active Member

    Thanks Russ, I will have to test these out myself, I have been using extra.css for all of my css edits, I might have been overriding some of the new css with my old overrides.
     
  14. Michael

    Michael Active Member

    A bit odd but after replacing the xenforo_popup.css template I now get the popup icon from the breadcrumb.
     

Share This Page