Template Options

SpaceMax comes with couples of pre-made template options such as: pre-made color as solid and gradient, boxed layout and patterns. They are very issue to apply in template

Set theme Color

Solid color as template primary color

add SpaceMax pre-defined class to the <body> elements to apply the theme.

Code Example


                                                <body class="theme-green">

Gradient color as template primary color

add SpaceMax pre-defined class to the <body> elements to apply the theme.

Code Example


                                            <body class="theme-gradient-1">

RTL (left to Right) Mode

It is super easy to transform the site to RTL to LTR or LTR to RTL. Simple update the property of $dir variable from scss/5-user/_direction.scss. On the otherhand, we have also included a separate package of RTL version with the ThemeForest main file.

Code Example


                                                    $dir: rtl;

Box Layout Options

Change page layout to Boxed Layout

add SpaceMax pre-defined class to the <body> elements to apply the theme.

Code Example


                                                <body class="boxed-layout">

Boxed Layout with Pattern

add SpaceMax pre-defined class to the <body> elements to apply the theme.

Code Example


                                                        <body class="theme-green boxed-layout circles-light">

CSS Class Reference

Solid Color Option

You can apply either solid color or gradient color at a time. Gradient and Solid color won't work at the same time.

More information avilable in the customization page

.theme-royal-blue

.theme-blue

.theme-amethyst

.theme-roman

.theme-amaranth

.theme-orange

.theme-green

.theme-fern

Gradient Color Option

You can apply either solid color or gradient color at a time. Gradient and Solid color won't work at the same time.

.theme-gradient-1

.theme-gradient-2

.theme-gradient-3

.theme-gradient-4

.theme-gradient-5

.theme-gradient-6

.theme-gradient-7

.theme-gradient-8

Pattern Options

You must have to set layut as boxed-layout to apply the pattern

.swirl-pattern

.circle-pattern

.x-pattern

.leaf-pattern

.tic-tac-toe

.circles-light

.spiration-light

.round-pattern

.hexagon

.memphis-colorful

.spiration-dark

.curls

.darkness

.zig-zag-wool