Product support

Get help in the theme support forum.

  • Added on Oct 23, 2017
  • Current version: 1.0.1
  • Platform Compatibility
    v3.x not tested
    v2.x not tested
    v1.x use latest
  • License: Regular / Extended
  • Created by


Altass Theme

Atlass is a minimal theme, based on atlassian.design, used for your Blog.

Is based on Semantic UI, a development framework that helps create beautiful, responsive layouts using human-friendly HTML.


  • 10 pre built theme colors.
  • Fully responsive
  • Masonry blog posts
  • Fully integration of RainLab.Blog, totally re designed
  • RainLab.Pages integrated for manage menus
  • Animate.css and WOW.js. Reveal Animations When You Scroll. Very Animate.css Friend
  • Edit frontend contents with Samuell.ContentEditor
  • Martin.Forms Integrated in Contact Form
  • OFFLINE.SiteSearch Integrated for Blog search
  • Use of easy google maps, just copy and paste the iframe on backend settings
  • Add any social networks easy and fast from backend settings
  • Customize blog category colors
  • Use PrismJS on pages and Blog posts. Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind

10 pre built colors

Custom colors for blog categories

Category colors


OFFLINE.SiteSearch integration

OFFLINE.SiteSearch integration



Theme variables

Go to Backend - Settings - CMS - Front-end theme - Altass - Customize

Styles & Assets

Choose the color style you like.
Black Black, Blue Blue, Green Green, Grey Grey, Orange Orange, Pink Pink, Purple Purple, Red Red, Teal Teal, Yellow Yellow.

Show posts count by category
Switch between show or hide posts count by category on side menu

Load OctoberCMS Front-end Javascript Framework
Switch to load {% framework extras %} on frontend layout

Animate CSS
Load AnimateCSS library, required if you want to have animations on your page

If choose to load AnimateCSS is necessary to load WOW.js to run animations. And, if choose to not load AnimateCSS, this library doesn't have any transition effect.


Fill all contact information to display in contact page.

Google Map Url
Copy and paste here the entire iframe (<iframe src="..." width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>) code from Google Maps.

Social Networks
Write the social icon and page profile. Use the icon names from SUI Brand Icons (icons names must be in lowercase).

Blog Colors

Write Blog category slug for each color field.
Blog Categories

Static Pages

There are three pre-defined menus. BlogNav
Blog Categories
Used to show all blog categories in sidebar menu

Main sidebar
Display Blog categories and pages on main menu

Pages Menu
Display pages sidebar menu when are in any CMS page


Add Elements pages

Oct 23, 2017


First version of Altass Theme

Oct 23, 2017