XF2 Style [Pixelexit] Bolt White 2.2.12

Hello everyone, we're pushing our 2.2.12 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 update fixes a few minor bugs, adds a few minor things, and addresses the outdated template that is appearing on the latest version of XF (2.2.12).

Templates changed:
PAGE_CONTAINER (XF updates)
xb.less
xb_canvas.less
xb_search.less
xb_forums.less
xb_header.less
xb_custom_fonts
xb_social_icons


Before Upgrading
As always backup your current styles before importing the new version. Backing up is simply exporting your current styles before upgrading. Check out our documentation on how to back up your style if you have further questions.

Installation and upgrade instructions for XenForo 2 styles
Full details for how to install and upgrade can be in our Documentation.

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

• New search location "Navigation"
• New Google font family "Inter"
• New TikTok social media link (can link to a TikTok in the social media options Style properties -> Basic options)
• New Mastodon social media link (can link to a Mastodon in the social media options Style properties -> Basic options)
• New documentation for typography linked

Changes

• Google font embeds have been updated with the correct preconnect hints (should technically load Google font files faster)
• Removed Italics from Google Font embeds as they're not commonly used at all (post messages don't use custom google fonts by default)
• Changed Light + Medium font weight to 400 by default to avoid Google font display issues. These are more power features I'd say as XenForo doesn't use light/medium by default.

Fixes

• Node hover colors did not work properly when node spacer option was enabled.
• Added missing border below selected nav when "bottom border" selected state was active and the navigation was sticky
• Fixed a mobile issue for large sidebars while using the canvas mode

Changelog​

This update simply fixes a few minor bugs and addresses the outdated template that is appearing on the latest version of XF (2.2.9).

Release notes​

This update simply fixes a few minor bugs and addresses the outdated template that is appearing on the latest version of XF (2.2.9).

New

• Added footer logo height/width properties (Style properties -> Footer)
• Added new font weight @xf-fontWeightMedium (Style properties -> Typography)
• Brand new design mode, should be much easier to use and also brings back the node icon CSS which shows the exact CSS you can use to change the icon on that node

Changes

• Removed category footer property + CSS. This can be easily done with basic CSS if you choose to do so.
• Side navigation now moves to the right side when sidebar is set to the left
• Switched to using cdn services for backstretch and our new design mode

Fixes

• Welcome notice now checks if board is active
• Welcome notice reduces font on mobile
• Prefix spacing in menu's corrected
• Horizontal Question and Answer format fixed
• Category view dual column node fixed
• Mobile custom footer spacing

Bolt has a property not to create the unique message look it already had. It removes the arrow and creates a small space between the message content and the message user info. Disabling this will revert it to the default XenForo look. Style properties -> Bolt properties

This update simply fixes a few minor bugs and addresses the two outdated templates that are appearing on the latest version of XF (2.2.6).

Templates changed:
message_macros (XF updates)
node_list_category (PE updates)
post_macros (XF updates)
xb.less (PE updates)

Changes

• Optimized a background image (welcome notices) that shipped in the folder with all styles saving a ton of space! Took XenBase archive from 1.2 megs down to 140kb!
• Changed child div's of the H2 for forum categories into spans for valid HTML
• Prefix + user banner CSS formatting to avoid LESS compilation issues
• Adjusted editor styling to inherit more from the style properties and not rely on our CSS
• Changed CTA to use a contrasted color from the background rather than relying on the normal button color

Style specific changes

• Bolt
  • Adjusted some of the colors around the style so they're not hard-coded
  • Optimized header image to reduce the archive size
  • Prefix hover style caused a bug
  • Sidebar icons are no longer floating to the right. You can add this to your extra.less if you want the float to come back:
    
    Code:

    .p-body-sidebar .block .block-minorHeader:before, .p-body-sideNavContent .block .block-minorHeader:before

• Omni
  • Removed a large unused image from the style folder to reduce the archive size
• Fusion Gamer
  • Optimized some of the included images to reduce the archive size
• Edge
  • Removed old notice images that were no longer used to reduce the archive size
• Nova
  • Optimized some of the included images to reduce the archive size

New

• New option to enable the icons inside the action bar. Previously, these were always on with no ability to disable them (Style properties -> Messages ->Message action bar icons )

Changes

• Message links across multiple areas have been adjusted. Areas such as the resources and other plugins would not inherit from Style properties -> Messages -> Message links

Fixes

• Footer logo placement will now work in blocks 2-5
• Block footer text color is legible now when used in the custom footer
• Social icons in the footer now show in mobile
• Share icon is no longer hidden in mobile when set to circular now

IMPORTANT: Canvas layout logo will now respect the dimensions set under Style properties -> Basic options. If you use Canvas, you made need to adjust your width/height settings here.

This brings our styles up-to-date with XenForo 2.2.3.

New

• Added aria-label to the style switcher and sidebar collapse icons for accessibility

Changes

• Editor links will inherit the CSS from Style properties -> Messages -> Message Links
• Contrast adjustments on every style to help with Web Accessibility
• RSS Icon in footer styling adjusted to help with Web Accessibility
• Our custom node icon CSS will only be used if an icon is filled out under Style properties -> Node/forum list

Fixes

• Footer container no longer inherits borders / box-shadows by default
• Search location in sub-navigation fixed when there are no sub-nav links
• Editor popup/hover buttons corrected