Template Options

xPider 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

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;
                                    

Solid color as template primary color

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

Code Example


                                            <body class="theme-green">
                                    

Gradient color as template primary color

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

Code Example


                                            <body class="gradient-1">
                                    

Change page layout to Boxed Layout

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

Code Example


                                            <body class="boxed-layout">
                                    

Boxed Layout with Pattern

add xPider 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-green
.theme-violet
.theme-firoza
.theme-red
.theme-orange

Gradient Color Option

.gradient-1
.gradient-2
.gradient-3
.gradient-4
.gradient-5
.gradient-6
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
.dark-angles
.memphis-colorful
.spiration-dark
.curls
.darkness
.zig-zag-wool