Documentation

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

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

Theme Setup

Milan 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 Milan 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: Posts Grid

Step-1: Create Posts Carousel Module

Step-2: Select Display Location

Step-3: Select Layout

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 milan--about">
                    <div class="milan-widget widget widget-about-me">
                      <div class="widget__title block-heading widget-title-milan">
                        <h4 class="widget__title-text">About Me
                        </h4>
                      </div>
                      <div class="about-me__inner">
                        <div class="about__avatar">
                        <img class="avatar avatar-150 photo entry-author__avatar" src="https://secure.gravatar.com/avatar/6f934a64730e79d98743476632127a9c?s=512&d=mm&r=g" data-pagespeed-url-hash="3282737420" />
                        </div>
                        <div class="about__text-wrap text-center">
                          <div class="about__text">
                            <h3 class="author__name">
                              <span class="entry-author__name">Ava Isabella 
                              </span>
                              </h3>
                            <div class="author_bio">Lorem ipsum dolor sit amet, cons ecte tur adipiscing elit, sed do mod tempor incididunt ut
                            </div>
                        </div>
                      </div>
                      </div>
                    </div>
                  </div>