Documentation

Santoni - 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

Santoni is News and Magazine Joomla Theme . It is built for bloggers, journalists, freelancers, editors, authors, writers, developers. Santoni 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. Santoni comes with code highlighting features.


Theme Setup

Santoni 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 Santoni 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 : News Ticker

Setting
Step-1: Create News Ticker Module
Setting
Step-2: Select Layout
Setting

Position 1: Featured Module

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

Position 2: Posts Grid 1

Setting
Step-1: Create Posts Carousel Module
Setting
Step-2: Select Display Location
Setting
Step-3: Select Layout
Setting

Position 3: Posts Grid 2

Setting
Step-1: Create Posts Carousel Module
Setting
Step-2: Select Display Location
Setting
Step-3: Select Layout
Setting

Position 4: Latest News List

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

Position 5: About Me

Setting
Step-1: Create About Me Module
Setting
code:
                
                  <div class="mnmd-widget widget widget-about-me">
                    <div class="widget__inner about-me__inner">
                        <div class="about-img">
                            <div class="background-img" style="background-image: url('https://f.hubspotusercontent40.net/hubfs/20002096/img_22.png');">
                            </div>
                        </div>
                        <div class="widget__wrap about-me__wrap">
                            <div class="about-content text-center">
                                <div class="author__avatar">
                                    <a title="author" href="#" rel="author"> 
                                      <img src="https://secure.gravatar.com/avatar/6f934a64730e79d98743476632127a9c?s=512&d=mm&r=g" data-pagespeed-url-hash="3282737420" /> 
                                    </a>
                                </div>
                                <div class="about__text">
                                    <a class="author__name" title="author" href="#" rel="author">Ava Isabella
                                    </a>
                                    <div class="about__bio">Nascetur netus, nascetur ante elit sodales. Placerat class ante
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            

Position 6: Widget Listing Horizontal

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

Position 7: Widget Listing Vertical

Setting
Step-1: Create Widget Listing Vertical Module
Setting
Step-2: Select Layout
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: