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

Setting

Settings panel

Setting

Position Main Menu

Setting
Step-1: Create Module Main Menu
Setting
Step-2: Select layout Menu and Position
Setting

Position: Header Social

Setting
Step-1: Create Social Module
Setting

Position: Header Search

Setting
Step-1: Create Search Module
Setting

Position 1: Featured Slider

Setting
Step-1: Create Featured Slider Module
Setting
Step-2: Select Display Location
Setting
Step-3: Select Layout
Setting

Position 2: Block About Me

Setting
Step-1: Create Block About Me Module
Setting
Step-2: Select Display Location
Setting
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

Setting
Step-1: Create Latest News Module
Setting
Step-2: Select Display Location
Setting
Step-3: Select Layout
Setting

Position 4: About Me

Setting
Step-1: Create About Me Module
Setting
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>
                
            

Position 5: Widget Listing Horizontal

Setting
Step-1: Create Widget Listing Horizontal Module
Setting
Step-2: Select Layout
Setting

Position 6: Widget Listing Vertical

Setting
Step-1: Create Widget Listing Vertical Module
Setting
Step-2: Select Layout
Setting

Menu Footer

Setting
Step-1: Create Social Footer
Setting

Position Footer Menu

Setting
Step-1: Create Module Footer Menu
Setting
Step-2: Select layout Menu and Position
Setting

Social Footer

Setting
Step-1: Create Social Footer
Setting

Author Box

Setting

Please refer the video here: