Style updates Quick note on 2.2.2 updates

Hello all, I hope everyone is staying safe and being productive with their communities!

If you've upgraded to XenForo 2.2.2 you'll notice two outdated templates. PAGE_CONTAINER and post_macros, XenForo changed around 3-4 lines on this and the merge system will work perfectly to adjust these. It's what the system was designed for.

To fix the outdated templates, assuming you're running our 2.2.1 version of the style simply go to Appearance -> Outdated templates and click the Merge button for your main style.

Screenshot_20.png


This will automatically update the templates. If you've customized a child style for these templates you'll need to merge those as well.

I'm busy working on a bit of a larger update that involves a complete revamp to our design mode. The hover approach to the current design mode is a little cumbersome you could say. The new version of it should work a ton better. Thank you all, have a great holiday!
 
That will happen for a variety of reasons, sometimes upgrading XenForo to like 2.2.2 then upgrading to 2.2.1 style will show it like that. You can just open those templates and click "SAVE AND EXIT. The update had to do with a tooltip change that doesn't really change anything.

Same for post_macros, it changed roughly 2 lines but you can safely click SAVE AND EXIT on that one too.
 
Hi Russ, this seems to be no longer working on 2.2.2 (displaying FA icons for subnodes):


Thanks for any pointers. :)
 
Hi Russ, this seems to be no longer working on 2.2.2 (displaying FA icons for subnodes):


Thanks for any pointers. :)
They've changed the icon approach, try this:

Same template node_list_forum, find:

Code:
        <a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">
            <xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" class="subNodeLink-icon" />{$node.title}
        </a>

Replace with:

Code:
        <a href="{{ link('forums', $node) }}" class="subNodeLink node--id{$node.node_id} subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">
            <xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" class="subNodeLink-icon" />{$node.title}
        </a>

And then the CSS:

Code:
.node--id3 .subNodeLink i:before { content: "\f001" !important;}
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back