Theme Version: 1.2.0b
NulumiaBase Version: 2.1.8
Xenforo Version: 2.1.0b
License: Single Site License
1. Upload theme files
Upload contents of 'upload' folder to your forum directory. Ensure that the 'styles' folder appears like in the following examples:
http://yoursite.com/styles/
(When forum is in the root of your site)
-or-
http://yoursite.com/forum/styles/
(When your forum is at an added directory, such as /forum, /forums, or /community.)
2. Access your forum Admin page
3. Access 'Appearance' -> 'Styles'
4. Click the 'Import Style' link
Click 'Browse' and select the .xml file included in your /xml/ folder in your download package. The .xml file will be in the format:
style_themename_xenx-x-x.xml
5. Click 'Import'
Your theme will be processed and installed for use.
The following is highly recommended when using our themes to allow you to overwrite your theme with future updates, while retaining your customizations. Note that failure to use this method may result in updates which erase your changes.
6. Go back to your 'Styles' page
Click on the name of your newly instally theme, and rename it as you choose, such as: 'Theme Name - Parent'
7. On the top right of your 'Styles' page, click on 'Create New Style'
8. Select your newly installed theme as the 'Parent Style'. You may use the regular style name for this child-style.
9. Click 'Save Style'. The system will now automatically create a child-style of your new theme, which will be identical.
10. Disable user selection of the parent style by de-checking its checkbox.
11. If you wish to use your new theme as the Default Style, be sure to visit Admin -> Home -> Options -> Appearance
You should now make all your customizations, including Style Properties, Theme Settings, Templates Edits, and Custom CSS, in the child-style. We recommend you do not make any changes to the parent style.
When upgrading, simply overwrite the parent style to introduce the new changes, without affecting your customizations in the child-style.
*** READ BEFORE UPGRADING***
ANY CUSTOM CHANGES YOU HAVE MADE TO THE THEME'S TEMPLATES WILL BE LOST UPON UPGRADING. YOU SHOULD BACKUP ALL CUSTOM ADDED CODE AND REINSERT AFTER RUNNING THE UPGRADE.
1. Upload the files of your new theme package similar to step 1 of Installation. Select Overwrite - Yes to all files.
2. Browse to the .xml file similar to step 4 of Installation
3. However, change the option to 'Overwrite Style' and select your existing parent theme to overwrite.
4. Click 'Import'. Your theme will now be overwritten/upgraded.
1. Read 'fonts.txt' included in your theme package. It will provide a link and instructions to download and install any fonts included in your theme's .PSD (Photoshop) files. Without doing this, you will be unable to use custom fonts in the theme.
On PC: Move all fonts to 'c:\Windows\Fonts'.
On Mac: Move all fonts to 'Library/Fonts'.
2. Open '/PSD/logo.psd'
3. Edit the title text layer with your custom name
-- or --
Replace the title text entirely with your own existing logo.
4. Save as 'logo.png' (Transparent PNG format)
5. Upload to:
'/styles/nulumia/themename/xenforo/skin/'
Arriving at a final link of:
'/styles/nulumia/themename/xenforo/skin/logo.png'
6. Visit Admin -> Style Properties -> Basic Options. Change the 'Logo URL' from 'logo-temp.png' to 'logo.png'. Save settings.
Your logo will now appear in your theme.
Nulumia themes no not use any form of plugins for features, rather all features are built into the theme itself. Thus, all feature settings are located within the Style Properties section of your theme.
Visit your Xenforo admin page and click on Appearance -> Styles. On the next page, select 'Style Properties' for your theme.
You will notice many new property groups have been added:
Each of these property groups contain all the settings you need to customize your theme, along with full custom Style Properties to color and style your theme features! In the next section, we'll walk through each of these property groups in order, with instructions on how to edit various settings.
DarkTabbed theme comes by default in a fixed width mode (1100px). To make your theme span a larger portion of the screen, simply edit the 'max-width' entry within your Style Properties section:
Visit your Style Properties -> General -> Page setup
Change the "Maximum page width" value as needed.
Save settings.
Visit your Style Properties -> Color Palette page.
Following are some specific commonly used Nulumia properties:
Changing the dark gray gradient
The navigation, footer, and similar gray gradient areas use the following two colors:
Top color: @xf-nlneutralAlt1
Bottom color: @xf-nlNeutralAlt4
Changing the main theme colors
Most of the theme colors use a gradient from the following two colors:
Top border: @nlBlockHeadBorderColor
Top color: @xf-nlPrimaryAlt3
Bottom color: @xf-nlPrimaryAlt5
A note on DarkTabbed's gradient system
Please note that all elements that use gradients in the theme don't rely on the background-color selector on Style Property pages. Because Xenforo doesn't have a selector for inserting gradients, this value has been inserted in the 'Extra' CSS field of each Style Property using a CSS3 gradient code:
background: linear-gradient(color1, color2);
The background-color selector is usually filled by default as a fall-back for browsers that do not support gradients.
Making New Styles
By changing the global hue slider, you can create new color versions of your theme in seconds. To create different color versions for your members to select, simply create a child-style of your theme and change the colors within the child-style only.
To create multi-color styles, we recommend to start by adjusting the commonly used Nulumia properties mentioned above, which will accomplish most needs.
You can embed your own choice of Google web fonts by accessing the Typography style property group.
Your embed code should appear like the following:
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
The following walkthrough covers each Nulumia property group in order.
On the next page, you can configure the following settings:
Theme License and Branding Options
On the next page, you can configure the following settings:
On the next page, you can configure the following settings:
On the next page, you can configure the following settings:
On the next page, you can configure the following settings:
On the next page, you can configure the following settings:
On the next page, you can configure the following settings:
Entering Slides
You may enter up to six slides in NulumiaSlider. The theme will only display slides which contain an 'Image Path' entry. 'Link', 'Title', and 'Description' fields are optional.
The slider by default includes sample slide image paths. Simply replace these paths with your own custom images. (See instructions to make custom slides below.)
If you enter either a title or description, the description box will appear over your slide on the front-end. If no title or description is supplied, your slide will not contain the description box and will simply show the image by itself.
Creating Slides
Your theme includes a sample .PSD slide template, and a sample slide .jpg image with the proper dimensions. You may find the .PSD template in the /PSD/ folder included in your theme's package file.
Simply upload your themes to a directory of your choice at your site (or a remote location), and enter the proper link in your slide's Image Path field.
On the next page, you can configure the following settings:
On the next page, you can configure the following settings:
Editing the columns
Each footer column can take HTML content, and your theme includes sample HTML by default.
A very basic understanding of HTML syntax is needed to edit the column content.
The block layout (10 locations):
Location #1: Top Row
The optional top row has multiple settings. You can enable and leave by default for a single wide row.
Locations #2-3: Upper Rows
Locations #4-7: Column Layout
Locations #8-9: Lower Rows
On the next page, you can add up to six social media profiles for your theme. These will be produced anywhere in the theme you choose to display your social links list (See above locational settings in [Nulumia] Theme Options.
[SEO] Use rel="nofollow" tags on social links (Recommended)
Check to display a Xenforo tooltip messages when hovering over your social icons. This can help distinguish to the visitor that they are Follow vs Share links.
SEO Use rel="nofollow" tags
Check to place rel="nofollow" tags in your outbound social media links. This helps to keep your site's SEO value contained at your URL.
[SEO] Use rel="me" tag on social links
Check to use rel="me" tags on your outbound social links. Helps search engines to distinguish unique brand identity for SEO purposes.
Editing the social icons:
For each social media profile, fill out the three available fields:
Social Media Site #1-6
Enter the title of your social media site. This is not necessary, but is used when enabling the popup tooltips for each icon.
Icon name
Enter the FontAwesome icon code. You can find all available social media icons for FontAwesome at http://fontawesome.io/icons/#brand
Each format should be added in the form 'fa-icon-name' etc.
See http://fontawesome.io/icon/twitter/ for example
Link
Enter the the link to your social media profile.
Single Site License Type
You may use / install your theme at a single forum installation or website. Installation at more than one forum / website requires additional licensing.
Please contact support@nulumia.com for more information.
Q: I upgraded my theme, and my logo is now missing!
A: This is normal, and is done to prevent your logo from being overwritten. By default the theme is set to load '/styles/themename/xenforo/skin/logo-temp.png'. After updating, simply access Style Properties -> Header & Navigation -> Logo Image Path. Change the path from 'logo-temp.png' back to 'logo.png' and save settings.
Q: I upgraded my theme, and all of my customizations have been lost!
A: You did not use the parent-child configuration mentioned in the Installation instructions, and/or overwrote your primary style. Using this method is recommended for all themes for Xenforo owners. Please refer above to the instructions on setting up your theme from the start in a parent-child style configuration so your theme can receive updates.
Q: I installed/upgraded my theme, but none of the images are showing anywhere.
A: Ensure that you uploaded the files to the proper location - see step 1 of Installation above.
Q: After upgrading, there are two copies of my theme available.
A: You did not select Overwrite style during upgrade. Delete the new style and reupgrade by selecting overwrite to your existing style.
Q: I opened logo.psd but it says there are fonts that are missing. I cannot edit the logo title without it switching to another font.
A: You did not install the fonts before running Photoshop. See fonts.txt for instructions.
Q: I'm running x y or z plugin on my forum and on that plugin's pages, there's strange or default styling showing up.
A: Our themes were tested with several dozen of the most popular FREE plugins on the Xenforo community to ensure styling consistency with those plugins. However we cannot gaurantee styling will match all plugins available. We typically only test with plugins that have a high favorability, ratings, and downloads. Also, we typically do NOT test our themes on commercial/paid plugins. If your theme shows inconsistent styling with any plugin, paid or free, please leave a note on our site at www.nulumia.com and we will do our best to address it either with a custom fix or a patch release of the theme.
Q: I'd like to make some custom styling changes immediately, without waiting for the next build of the theme to release. Where should I safely make these changes?
A: The best place to enter your custom styling is zextra.css in Templates. It is NOT advisable to add or alter anything in the 'znlxxx.css' templates as these are the theme's core css templates and will be overwritted on upgrade. While zextra.css will also be overwritten on upgrade, keeping your custom changes here ensures you only have one template to backup and replace should you ever upgrade your theme. It is not advisable to place custom styling in Xenforo's built in EXTRA.css file as this template is loaded before our custom css, meaning any customizations here will not affect your theme. Therefore, we have provided 'zextra.css' which will always be loaded last.
Q: I'm seeing a new bug in the theme, where can I report it to be fixed?
A: We have numerous ways to contact us at www.nulumia.com. The best place however to report theme or product bugs is at the official support forum on our site or in the official Bug Tracker when it is released.
Q: I have a question I don't see here. Where can I get help?
A: We have numerous channels for support at www.nulumia.com. You may enter a support ticket, view our how-to articles, visit the support forum, visit our contact page, or ask via social media at our @NulumiaSupport Twitter handle.
PLEASE READ THE FOLLOWING TERMS AND CONDITIONS CAREFULLY BEFORE YOU PURCHASE, DOWNLOAD OR INSTALL THE PRODUCT AND/OR SOFTWARE. BY DOWNLOADING THE SOFTWARE, YOU AGREE THAT YOU ARE THEREBY BOUND TO THE FOLLOWING TERMS AND CONDITIONS.
DO NOT PURCHASE OR DOWNLOAD THE SOFTWARE IF YOU DO NOT AGREE TO THE FOLLOWING TERMS AND CONDITIONS.
“We”, “Us”, “Our”, “Developer”, “Nulumia” means Nulumia LLC
“Software”, “Product”, “Theme”, “Style”, “Skin”, “Template” means the product you are purchasing with all content and documentation included produced by Nulumia. For purposes of this agreement Nulumia shall prioritize usage of the term “software” and “theme” in written expression.
“You” and “Your” means the party purchasing the software. If you are purchasing the software for a client, then “You” and “Your” means your customer or client.
When you purchase a theme or software under the Single Site License agreement, you may install and use your theme on a single domain, forum, application, or website.
Use of your theme on more than one installation is prohibited, and requires purchase of an additional license per installation.with the sole exception of usage on a private (not publicly accessible) development server for purposes of testing, development and pre-deploy customization.
Examples of private and/or local development include but are not limited to, Localhost type software (WAMP, XAMP server for Windows or Linux), or remote hosted development areas which are restricted behind HTTP Authentication (requiring user login and password).
Allowed Usage Examples
Disallowed Usage:
A Single Site License agreement grants you access to the software at www.nulumia.com, including downloads of the original software and future updates, for one year after the time of purchase. During this period, you may download the product an unlimited number of times, and are granted access to all future updated or supplemental versions of the product at no additional charge.
After the expiry of your active license period, you may continue to use the software indefinitely in accordance with the terms of this agreement. However, expiry of your active license period will deactivate all further downloads, access to the product and all future updated versions.
Renewal of your license period and continued access to the product will require purchasing a license extension upon expiry of your active license period.
You agree not to modify, decompile, reverse-engineer or deconstruct the software outside of the permitted modification terms which standard customization methods to your theme, and any customization methods explained or documented by Nulumia. You agree not to modify, decompile, reverse-engineer for the purposes of creating separate and/or derivative works based on the original software as created by Nulumia.
You may not export, transfer, loan, distribute, or permit access to the software to other parties. You may not also resell the software, including original or customized and/or derivative works based on the software.
Exception to this rule grants that you may sell an active license only to another party, provided that you are thereby granting all License rights to the new party and removing/terminating all usage, installation, display or access to the software at your installation or website. You also agree that transfer of Active License terminates your rights to all forms of continued usage, access or downloads of the software. You also agree that transferring an Active License to a new party requires you notify www.nulumia.com via electronic correspondence with relevant info regarding the change in license holdership.
You acknowledge that all content in the form of the software (excluding free, bundled, and/or licensed material belonging to third-party providers which are included in the software package) are property of Nulumia LLC and that you do not have any right to ownership of the contents of the software, regardless of purchase or valid licensed usage.
You acknowledge that Nulumia may include branding within and visibly displayed in the software, including but not limited to copyright text, a link or small snippet or text to www.nulumia.com or notice of the software being provided and/or designed by Nulumia, inclusion of the name Nulumia or usage of our logo.
You acknowledge that we, Nulumia, make effort to ensure that any branding included is minimal and not intrusive to the display, aesthetics or presentation of the software, as can be reasonably achieved.
You acknowledge that you may not remove branding or copyright placed by or related to Nulumia from you software without holding a valid Branding Removal License for your software. You acknowledge that you must also purchase a Branding Removal License separate or included in your software at an additional charge to the price of the software itself.
You acknowledge that purchase of the software without added Branding Removal License does not grant you permission to remove, hide, hack, cover or deconstruct the branding or copyright notice by any means.
You agree that any breach of terms by you, including but not limited to permitted license usage, Single Site License terms, prohibited distribution of the software, reverse-engineering or creation of derivative works, reselling or false claims of ownership of the software, abuse or attempted abuse of software access at www.nulumia.com, unlicensed removal or attempt of removal of copyright and branding notices by Nulumia, or any other breach of terms as laid out herein during this agreement, may result in the immediate termination of your license period, including your access to updates and additional downloads at www.nulumia.com, and/or cancellation of your user account at www.nulumia.com.
You also agree that any breach of this license agreement, including removal of access to future downloads of the software, or termination of your license period, does not grant you any compensation in the form of refunds, or other monetary damages or liability by Nulumia LLC.
NulumiaBase Changes
NulumiaBase Changes
Theme Changes
NulumiaBase Changes
NulumiaBase Changes
NulumiaBase Changes
NulumiaBase Changes
Misc Improvements
Framework Related
Featured Content Slider
Added the block-container class to the Featured Container Slider by default (when no custom changes are made to the slider container property, it will display as a standard block type element)
Mod Related
Updated compatibility with the latest version of Collapsable Categories & Donation in Sidebar mods
Added the block-container class to the Featured
Theme Changes
Theme Changes
NulumiaBase Changes
NulumiaBase Changes
Reworked custom handling of node styling in various configurations - node grid, hover node colors, etc
NulumiaBase Changes
Fixed a bug which would cause the Featured Content slider to not appear in some cases
Fixed text colors within featured widgets
Slightly improved colors in several preset themes
Slightly improved styling of the top bar and inner content
Changed the default theme footer layout back to Stretched from Boxed
Improved styling of the breadcrumb & hover items
Slightly reduced font size of block headings
Slightly improved styling of the page navigation items
Added padding around the header logo
Added padding within block footer rows
Slightly improved contrast & colors of messages in the thread layout for better readability
Theme Changes
Theme Changes
Improved appearance of Disabled Input types
Theme Changes
Changed links within Messages to use a blue color for better visibility
New improvements over XF1 Theme Features
Improvements over XF2 Beta Preview Theme