Style updates 2.0.10 Style Updates

Hello everyone, we're pushing our 2.0.10 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 major style release primarily focusing on bug fixes and overall improvements. A full change-log can be found at the bottom of this post. You must upgrade your forum to at least 2.0.10 to install this style update.

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 backup your style if you have further questions.

Installation and Upgrading instructions for XenForo 2.0 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 quick as we can.

Found a bug? Let's squash it, submit a bug report.

Release notes
 
New
  • Added option to replace the thread started avatars with:
    • Icon with reply count
    • Icon by itself
    • Remove column completely
  • New web fonts added
    • M PLUS Rounded 1c
    • Poppins
    • Raleway
    • Ubuntu
  • Brand new social icon positions (Style Properties -> Basic Options)
    • Header
    • Breadcrumbs
    • Inside default footer links
    • Below each footer block (loads below your existing footer widget)
    • Above custom footer
    • Below custom footer
  • Added page variables you can use to add your own CSS/JS scripts on specific pages, this will allow you to easily load JS on a specific page:
    Code:
    <xf:page option="custom-xbHead">
    <script src="styles/mystyle/owlslider/owl.carousel.min.css') }}"></script>
    </xf:page>
    Code:
    <xf:page option="custom-xbBody">
    <link rel="stylesheet" href="styles/mystyle/owlslider/owl.carousel.min.js') }}">
    </xf:page>
    Added options to style all block messages (highlight/important/success/warning/error) and corrected colors for all styles (dark styles were using the default XF colors before)
    • Style properties -> Miscellaneous -> Block message - type
  • Added option to move search into header as a search boxAdded option to show icons in navigation, either inline or aboveAdded property to control the appearance of just the top/bottom buttons when scrollingAdded property to position the default footer (Style Properties -> Footer -> Footer location)
    • Default position
    • Inside content
    • Copyright row
    • Disabled
  • Added very basic set of Page Assets - These are pre-made HTML elements that you can easily copy and create custom static html pages. It will expand in the future but for now there are some basic HTML items included. You can view our Page Assets page on our demo board to view how it's laid out. You just inspect the element you want and paste into your page. I'll post a tutorial on this shortly.Added quick style switcher (just input a style ID to activate it)
Changes
  • Alternating discussion list background from an option to a CSS style property, now you can set whatever background color you want
  • Discussion List Hover went from an option to a CSS style property, now you can set whatever background color you want
  • Moved our xb.less out of app.less removing one less edit.
  • Moved to an already edited template "app_user_banners.less"
  • We're no longer removing the box-shadows found in the main content area by default
  • Node FA icons now use a smaller font size (set via Node / forum list -> Node icon (Font Awesome main)
  • Various style property descriptions updated with better explanations
  • Toggle Width option is no longer an icon only, uses text as well (phrases: change and width)
  • Sidebar heading CSS uses a higher class selector now
Fixes
  • Sticky sidebar offset wouldn't work outside initial forum list
  • Mobile logo displayed twice in certain situations
  • Logo is full size now when using "Keep logo block in responsive"
  • Jump to page nav colors fixedText logo positioning in mobile fixed'
  • Custom footer CSS was loading twice, oops!
  • YouTube share icon missing CSS while blocked/circle type was enabled
  • Header was loading twice in certain setupsSidebar bottom block CSS fixed
  • Certain prefix colors fixed so they display properly
  • Responsive view with Classic fixed, will now respect the edge spacers XF uses by default
  • Sidebar header texts not inheriting the additional typography CSS
  • Welcome block would not load while sidebar set to the left side and set inside the sidebar
  • Cookie notice wasn't adding margin properly
Last edited:
Thanks for the update!

One teeny weeny suggestion: "Change Width" in the footer area would better suit XF 2.0's default phrases if it were "Change width" (drop the subsequent word's use of uppercase characters) :).

XenForo made the decision to change from Title Case with 1.x to Sentence case with 2.x etc.

I'll see what I can do, since we just send out styles and not an add-on file we can't include phrases (phrases can only attach to add-ons). So... in this case, I'm using 2 different phrases, change and width.

EDIT: So... I found this, https://xenforo.com/community/threa...to-lowercase-in-template.148424/#post-1258274 I'll include it on the phrase for the next update.
 
Understood... that's actually an inventive workaround :). And explains why a template and phrase search for "Change Width" returned no results, hah!

This seems to work (ref):
Code:
{{ phrase('change') }} {{ phrase('width')|to_lower }}

EDIT: I see you found it already, oops! And thanks! (y)
 
Thanks for the update and the suggestion on update path:
Since this is a rather large release from XenForo and us you may want to consider installing the update as a new style. From there export your current style and import under the new version so you can test everything out prior to officially upgrading.
(y)
 

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