Documentation

Devias - News and Magazine Joomla Theme

Thank you so much for purchasing our item.

If you have any questions that are beyond the scope of this help file, Please feel free to email via Item Support Page.

Getting Start

Require: Joomla version 4.x

Devias is News and Magazine Joomla Theme . It is built for bloggers, journalists, freelancers, editors, authors, writers, developers. Devias is fully responsive, light-weight, superfast joomla theme and built with html, css, js.

If you are a programmer, do you write blog or teach programming to people. You can choose this theme. Devias comes with code highlighting features.

Theme Setup

Devias QuickStart Installation

By using this package, you will see your website exactly as our Demo with sample data. This is applied when you need a fresh Joomla with our template The following steps will guide to install a quickstart package of Devias Joomla Theme. Please take a look the video tutorial here

Install with Template and Extensions

Please refer the video here:

Layout Positions

Settings panel

Position Main Menu

Step-1: Create Module Main Menu

Step-2: Select layout Menu and Position

Position: Header Social

Step-1: Create Social Module

Position: Header Search

Step-1: Create Search Module

Position 1: Featured Slider

Step-1: Create Featured Slider Module

Step-2: Select Display Location

Step-3: Select Layout

Position 2: Block About Me

Step-1: Create Block About Me Module

Step-2: Select Display Location

code:

                

                  <div class="devias-block about-us">
                  <div class="container">
                  <div class="about-us__inner row ">
                  <div class="about-us-post--left col-md-6 ">
                  <div class="about-content__wrap">
                  <div class="about-content">
                  <div class="about-text__wrap">
                  <h3 class="about-title">
                  <a href="#">Abiliene Blog
                  </a>
                  </h3>
                  <div class="about-information">Lonsectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse.
                  </div>
                  </div>
                  <div class="about-avatar">
                  <div class="background-img" style="background: url('https://allthebestsofts.com/devias/wp-content/uploads/2019/08/author-1.png');">
                  </div>
                  </div>
                  </div>
                  </div>
                  </div>
                  <div class="about-us-post--right contact-col col-md-6 ">
                  <div class="contact-content">
                  <div class="contact-title">
                  <h3>Contact:
                  </h3>
                  </div>

Position 3: Latest News List

Step-1: Create Latest News Module

Step-2: Select Display Location

Step-3: Select Layout

Position 4: About Me

Step-1: Create About Me Module

code:

                


                  <div class="widget widget--about">
                  <div class="widget-about__inner">
                  <div class="widget__title">
                  <h4 class="widget__title-text">About Me
                  </h4>
                  </div>
                  <div class="widget__content post--horizontal">
                  <div class="author">
                  <div class="author__avatar">
                  <a class="author-img" title="bkninja" href="https://allthebestsofts.com/devias/author/bkninja/" rel="author">
                  <img src="https://allthebestsofts.com/devias/wp-content/uploads/2019/08/author-1.png" />
                  </a>
                  </div>
                  <div class="author__name">
                    <a title="bkninja" href="https://allthebestsofts.com/devias/author/bkninja/" rel="author">bkninja
                    </a>
                  </div>
                  </div>
                  <div class="author__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
                  </div>
                  </div>
                  </div>
                  </div>