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](assets/images/positions/positions.png)
Settings panel
![Setting](assets/images/Options.png)
Position: Header Social
![Setting](assets/images/positions/header/Social.png)
![Setting](assets/images/positions/header/Social-step-1.png)
Position: Header Search
![Setting](assets/images/positions/header/Search.png)
![Setting](assets/images/positions/header/Search-step-1.png)
Position : News Ticker
![Setting](assets/images/positions/news_ticker/news_ticker.png)
![Setting](assets/images/positions/news_ticker/news_ticker_step_1.png)
![Setting](assets/images/positions/news_ticker/news_ticker_step_2.png)
Position 1: Featured Module
![Setting](assets/images/positions/featured_module/featured_module.png)
![Setting](assets/images/positions/featured_module/featured_module_step_1.png)
![Setting](assets/images/positions/featured_module/featured_module_step_2.png)
![Setting](assets/images/positions/featured_module/featured_module_step_3.png)
Position 2: Posts Grid 1
![Setting](assets/images/positions/post_grid/post_grid.png)
![Setting](assets/images/positions/post_grid/post_grid_step_1.png)
![Setting](assets/images/positions/post_grid/post_grid_step_2.png)
![Setting](assets/images/positions/post_grid/post_grid_step_3.png)
Position 3: Posts Grid 2
![Setting](assets/images/positions/post_grid_2/post_grid_2.png)
![Setting](assets/images/positions/post_grid_2/post_grid_2_step_1.png)
![Setting](assets/images/positions/post_grid_2/post_grid_2_step_2.png)
![Setting](assets/images/positions/post_grid_2/post_grid_2_step_3.png)
Position 4: Latest News List
![Setting](assets/images/positions/news_latest/news_latest.png)
![Setting](assets/images/positions/news_latest/news_latest_step_1.png)
![Setting](assets/images/positions/news_latest/news_latest_step_2.png)
![Setting](assets/images/positions/news_latest/news_latest_step_3.png)
Position 5: About Me
![Setting](assets/images/positions/about_me/about_me.png)
![Setting](assets/images/positions/about_me/about_me_step_1.png)
<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](assets/images/positions/widget_list_horizontal/listing_horizontal.png)
![Setting](assets/images/positions/widget_list_horizontal/listing_horizontal_step_1.png)
![Setting](assets/images/positions/widget_list_horizontal/listing_horizontal_step_2.png)
Position 7: Widget Listing Vertical
![Setting](assets/images/positions/widget_list_vertical/listing_vertical.png)
![Setting](assets/images/positions/widget_list_vertical/listing_vertical_step_1.png)
![Setting](assets/images/positions/widget_list_vertical/listing_vertical_step_2.png)
Position Footer Menu
![Setting](assets/images/positions/footer/footer_menu.png)
![Setting](assets/images/positions/footer/footer_menu_step_1.png)
![Setting](assets/images/positions/footer/footer_menu_step_2.png)
Social Footer
![Setting](assets/images/positions/footer/social_footer.png)
![Setting](assets/images/positions/footer/social_footer_step_1.png)