XF 1.1 Theme is acting weird :(

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 !!
 

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.
 

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.
 

Russ

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

Michael

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