Alita – About

August 4, 2021 Alita

To setup About Page You have to install require plugins included: Elementor Website Builder and TemPlaza Elements.

Click begin installing plugins to install plugins

The About Page using different Elementor widgets.

View About Page layout view on frontend:

Steps to Create the About demo menu items

The About page on the demo site uses TemPlaza: Heading, UI Text, UI Accordion, UI Card, Testimonials, UI Image, UI Marker & UI Icon widgets to display the Content.

Here is a guide to create About Page:

Step 1: Create a template site

Go to unzipped folder -> data-import -> templates -> elementor_template.json
Go to wp-admin -> Alita Options -> Templates -> Click “Add New” -> Import / Export
Insert Template title -> Click Publish

Click “Upload file” >> Choose import template file from download package >> Click “Import” >> Add Title “Elementor Template” and click to Publish

Step 2: Create a new page

Go to wp-admin -> Pages -> Add New Page -> Edit with Elementor -> Publish

Step 3: Configure Elementor widgets

About Page uses TemPlaza: Heading, UI Text, UI Accordion, UI Card, Testimonials, UI Image, UI Marker & UI Icon widgets.

1. Heading section

Heading section uses TemPlaza: UI Text

Add title and content. Configure heading style “Medium” and title tag “h1”.

2. Image Heading

Add section with 2 columns -> Drag ‘n drop TemPlaza UI Image Widget.

3. About Company

About Company section uses TemPlaza: UI Text, UI Accordion

3.1. 10 Years’ Experience In It

Use UI Text to setup Title and Content. To setup likes demo please use code below:

<div class="uk-flex-inline uk-flex-bottom"><span class="uk-text-bold uk-margin-small-right" style="font-size: 180px; color: rgb(235, 43, 122); line-height: 0.82;">10</span> Years’ experience in IT</div>

Use UI Text to display content use style Lead to display content.