-
Pixel Exit Staff
- Replies: 37
Hello everyone, we're pushing our 2.2 updates out today. Once you receive the email you'll be able to download it immediately with an active license via your purchase area.
This is a rather large update that I have nicknamed "LESS IS MORE". The concept behind these updates was to reduce some of the potential conflicts our styles have with plugins and outdated templates for future upgrades. We've removed some options and cleaned up templates as much as possible to allow for easier upgrades in the future. Over the years of developing styles, I've found that one of the biggest frustrations is outdated templates. While no matter what you do, depending on how complex your style is you may always have outdated templates but this update should help all around with that going forward. Ideally, you shouldn't really notice a difference in the overall appearance of your style. I've talked about some important points with these updates here and here.
Recommendation
Seeing as this is a large update, I'd strongly recommend upgrading your style on a test forum first. If you do not have a test forum and plan to work on your live site, I'd strongly recommend importing this as a brand new style. Your existing version of our styles should run fine on 2.2 (with a lot of outdated templates) while you test out the new version. After you've imported the new style, simply export your current style and import it under the new version.
Installing 2.2 styles
After you've backed up your styles ( See step 1 here: https://pixelexit.com/documentation/upgrading/) you can proceed with the installation. Going forward, you'll be able to download the zip from our store and import it directly into the admin panel. You'll no longer need to access FTP to process the install/upgrades. To install simply browse to Appearance -> Styles -> Click the import button and browse to the zip you've downloaded from our site.
NOTE: Our store is currently limited to how we can distribute the light/dark combos for 2.2. I'm working on upgrading our site with a new store that will allow me to distribute the alternate styles with the downloads. If you require the dark version of a style, please submit a ticket and I'll provide it for you.
Run into issues? Please create a ticket and we'll respond to you as quickly as we can.
Found a bug? Let us squash it, submit a bug report.
This is a rather large update that I have nicknamed "LESS IS MORE". The concept behind these updates was to reduce some of the potential conflicts our styles have with plugins and outdated templates for future upgrades. We've removed some options and cleaned up templates as much as possible to allow for easier upgrades in the future. Over the years of developing styles, I've found that one of the biggest frustrations is outdated templates. While no matter what you do, depending on how complex your style is you may always have outdated templates but this update should help all around with that going forward. Ideally, you shouldn't really notice a difference in the overall appearance of your style. I've talked about some important points with these updates here and here.
Recommendation
Seeing as this is a large update, I'd strongly recommend upgrading your style on a test forum first. If you do not have a test forum and plan to work on your live site, I'd strongly recommend importing this as a brand new style. Your existing version of our styles should run fine on 2.2 (with a lot of outdated templates) while you test out the new version. After you've imported the new style, simply export your current style and import it under the new version.
Installing 2.2 styles
After you've backed up your styles ( See step 1 here: https://pixelexit.com/documentation/upgrading/) you can proceed with the installation. Going forward, you'll be able to download the zip from our store and import it directly into the admin panel. You'll no longer need to access FTP to process the install/upgrades. To install simply browse to Appearance -> Styles -> Click the import button and browse to the zip you've downloaded from our site.
NOTE: Our store is currently limited to how we can distribute the light/dark combos for 2.2. I'm working on upgrading our site with a new store that will allow me to distribute the alternate styles with the downloads. If you require the dark version of a style, please submit a ticket and I'll provide it for you.
Run into issues? Please create a ticket and we'll respond to you as quickly as we can.
Found a bug? Let us squash it, submit a bug report.
- New
-
- Added the xb_footer_links template to allow for easy insertion of custom links in the default footer (left of the contact link)
- Added xb_notices.less to hold all custom notice CSS
- New footer logo option to easily upload a logo in the footer (Style properties -> Footer -> Footer logo
- New footer logo block option to place your uploaded logo in a specific block
- New footer block 5 ability, easily configure a 5 block column setup
- New node stats & last post width adjustments (Style properties -> Node/forum list -> Node stats width / Node last post width)
- New custom asset style properties, you can utilize these to easily upload images to use in your style (Style properties -> Custom settings)
- New upload support for all image fields (backstretch, mobile logo, images for styles, and many more areas)
- Changes
-
- Removed "Style folder" option under Style properties -> Basic options. With XF 2.2, they've introduced "style assets" which is similar.
- Removed icon for style switcher in footer
- Removed "Node helpers" option, while this was nice, it was causing four different templates to be edited solely for this purpose. Here are some alternatives
- Reverted templates (removed our edits to avoid them being outdated in the future)
- node_list_page
- node_list_link_forum
- node_list_forum
- thread_list_macros
- app.less
- notices.less
- Removed "node-extra--inner" from node_list_forum, this was the only other edit in this template that I did not feel worthy of having a customized template for. Currently, only one style was utilizing it (Core). If you want to add it back it, see our post below for "Things you might miss"
- Removed "Avatar column" option from Style properties -> Discussion list. With the new node types, the various icons
- Removed "Node stats icons option xbNodeStatsIcons
- Removed xbThreadListLocked
- Removed collapsing message elements in conversations: conversation_message_macros template it's a simple edit if you want to achieve that still.
- Removed separator on the selected tab when the nav is sticky
- Removed "Martel Sans" font, no italics are inside the font family which caused issues
- Added CSS to set max-width on page width items to 100% when viewing on mobile. Previously if you had 90% as the page width, that would carry all the way down to a mobile device leaving an undesired gap on the sides.
- Reverted to using default XF collapse icons on the nodes
- Had to create a new property for the style switcher icon to avoid layout breaks with the new approach
- Removed "Hide page title on forum list" - This was an option in our XF1 layout which worked well, but with XF2 it adds call-to-action buttons there leaving a large gap. It just doesn't really make sense. If you still want to hide the title even with the gap:
Place inside extra.lessCode:
body[data-template="forum_list"] { .p-title-value { display: none; } .p-title-pageAction { margin-left: auto; } } - Removed "Responsive padding" - Styles have gone a rather extensive revamp when it comes to padding. Larger padding is now shown primarily on desktop displays with it reverting to the default XenForo paddings for smaller displays
- Removed "Sub-navigation row inner" property as it served no purpose
- Removed "Navigation row inner" property as it served no purpose
- Fixes
-
- Removed an underline effect happening on ratings in overlays
- Removed our CSS that was removing the spacing in the navigation when the nav was set not to stretch
- Footer stretch had extra padding some of the divs
- Threadstarter is now properly hidden on the first post of the thread
Last edited:
