• 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 :(

faeronsayn

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

Russ

Well-known member
#3
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.
 

Russ

Well-known member
#6
Its done, and the forum is still showing blank node icons.
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?
 

faeronsayn

Well-known member
#7
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?
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);
}
 

Russ

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

Russ

Well-known member
#10
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;
        }*/
 

faeronsayn

Well-known member
#11
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;
        }*/
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 ?
 

Russ

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

Active member
#13
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.