🥳
TemPlaza Framework
  • Templaza Framework
  • Guides
    • System Requirements
    • Plugin Requirements
    • Elementor – Configuration
  • Theme Activation & Demo Import
    • Theme Installation
    • Theme License Activation
    • Import Demo Content
      • Import multiple themes
  • Fundamentals
    • Smooth Scroll
    • Back To Top
    • Coming Soon
    • Preloader
    • Cursor Effect
    • 404 Error Page
    • Custom Code
    • Wide & Boxed Layout
  • Header
    • Header
    • Header Variations
    • Logo & Favicon
    • Header Icons
    • Contact Information
    • Header Presets
  • Menu
    • Menu Settings
    • Drop-Down Menu
    • Off-Canvas Menu
    • Sticky Menu
    • Mega Menu
  • Footer
    • Create a footer
    • Copyright Information
    • How to copy Footer from one layout to another
    • Footer For Multilingual Site
  • Layout Settings
    • Section Settings
    • Row Settings
    • Element Settings
    • Save Section
  • Theme Color
    • Theme Color
    • Global Colors
  • Social Profile
    • Social Profile
  • Typography
    • Menu Typography
    • H1-H6 Typography
    • Footer Typography
    • Body Typography
  • Blog Options
    • Blog Page
    • Blog Single
    • Blog Slider
    • Blog Related
  • Extended Options
    • Woocommerce Options
  • Themes
    • AutoShowroom
      • Installation
      • Inventory
        • Inventory Page Assignment
        • Inventory Filter
        • Change Inventory Permalink
        • Advanced Product Options
        • Pricing & Currency Setting
      • Mega Menu
      • Header
        • Header's height
      • Footer
      • Sidebar Widgets
        • Add a new sidebar
      • FAQs
        • Background Image
        • Breadcrumb Image
      • Translation
    • Probike
      • Installation
        • Download the theme
        • Install the theme
        • Import the demo content
      • Home Page
      • Inventory
        • Inventory Filter
        • Change Inventory Permalink
        • Advanced Product Options
        • Currency Setting
      • Blog
        • Blog Columns
        • Blog Ajax Load
        • Blog Masonry
      • Shop
        • Woocommerce Product Options
      • Dealer Page
        • Top Dealers
        • Dealer Register
        • User Role
      • Custom Post Types
        • Services
        • Team
      • Sidebars & Widgets
        • Add a new sidebar
      • Breadcrumb Image
      • Translation
    • Amanus
      • Home
      • Yachts
        • Currency Settings
      • Events
      • Shop
      • Blog pages
      • Footer
      • Background Image
    • Baressco
      • Get Started
        • Installation
        • Theme Activation
      • Home 1
      • Inventory
    • Golden Hearts
      • Installation
      • Home Page
      • Blog pages
      • Cause Settings
        • Causes List
        • Cause Grid
      • Events
        • Event Venues
        • Event Organizers
      • Edit Footer
      • Edit Breadcrumb Image
    • Plazart
      • Demo Import
      • Home 1
      • Online Shop
      • Inventory
        • Inventory Assignment
      • Blog Columns
      • Team Member
      • Header
        • Header Layout
      • Section Background Image
      • Translation
    • Koer
      • Inventory Page
        • Inventory Assignment
        • Inventory Filter Widget
        • Change Inventory Permalink
        • Advanced Product Options
        • Currency Settings
      • Shop Page
      • Header
        • Default & Sticky Logo
        • Header Layout
      • Footer
        • Copyright
      • Mega Menu
      • FAQs
    • Agruco
      • Installation
        • Theme License Activation
      • Inventory
        • Inventory Sidebar Filter
        • Change Inventory Permalink
        • Currency Settings
      • Sidebars & Widgets
        • Add a new sidebar
        • Header Widget
        • Shop Sidebar
        • Inventory Sidebar
        • How to add the widget to a sidebar
      • Footer
        • Copyright
      • Woocommerce Options
    • AutoBike
      • Get Started
        • Download the theme
        • Install the theme
        • Import demo content
      • Home Page
        • Create a new page
        • Home page 1
      • Inventory
        • Inventory Page Assignment
        • Advanced Product Options
        • Pricing & Currency Setting
        • Inventory Filter
        • Change Inventory Permalink
      • Sidebar & Widgets
        • Add a new sidebar
        • How to add the widget to a sidebar
      • Blog
      • Elementor
      • WooCommerce
        • Install WooCommerce
        • Adding WooCommerce Pages
        • Setting Up WooCommerce
        • Adding Product
      • Translation
        • Footer Translation
    • Today News
      • Boxed Layout
      • Blog Pages
      • Blog Single
      • Background Image
      • Off-Canvas Sidebar
    • Alita
      • Alita – Installation
      • Alita – Theme Activation
      • Alita – Import Demo Data
      • Alita – Home Page
      • Alita – About
      • Alita – Services
      • Alita – Our Work
      • Alita – Pricing
      • Alita – Contact
    • Travelami
      • Get Started
        • How To Download And Install Theme?
        • How to activate the product license
        • Import Travelami demo content
      • Set Up Tours
        • About Tour Management
          • How to add a new tour
          • Tour Types
          • Tour destination
          • Tour Category
          • Tour Language
          • Tour Custom Field Group
          • Tour Custom Field
        • Tour Inquiry Form
          • Online Tour Booking With Payment
        • Sidebar Tour Filter
      • Blog
        • Blog Image Left/Right
        • Blog Grid
        • Blog Columns
      • Theme's Header
        • Theme Logo
        • Sticky Logo
        • Header Icons
        • Header Assignment
      • Theme's Footer
      • Mega Menu
      • Translation
      • FAQs
        • How to change the tour's custom field order
        • How to change a breadcrumb image
        • How to hide or remove the tour rating
        • Remove the breadcrumb heading
        • Set up Instagram Image Feed
    • Kamper
      • Get Started
        • Download And Install Theme
        • How to activate the product license
        • Import Kamper's Demo content
      • Accommodation
        • Product Management
          • Add A New Product
          • Product Branch
          • Product Service
          • Product's Field Groups
          • Product's Custom Fields
        • Booking Settings
          • Online Booking With Payment
        • How to reorder accommodation's tabs
      • Kamper Header
        • Default & Mobile Logo
        • Sticky Header
        • Header Icons
      • Kamper Footer
      • Mega Menu
      • Translation
      • FAQs
        • How to change the breadcrumb image
        • How to change a section's background image
        • How to edit a section's background image
        • How to display a field in a listing page
        • How to display a price range in the filter
        • How to change the cursor effect
    • Vonux
      • Inventory
        • Inventory Assignment
        • Sidebar Inventory widget
        • FAQs
      • Header
        • Transparent header
      • Footer
        • How to change the footer's text color
      • Translation
      • FAQs
        • Section Background Image
        • Background image of breadcrumb section
  • Advanced Products Plugin
    • Product Branch
    • Product Category
    • Custom Field Groups
    • Custom Fields
    • Custom Categories
    • Plugin Translation
    • General Settings
  • Extras
    • How to submit a support ticket
Powered by GitBook
On this page
  1. Themes
  2. Alita

Alita – Services

PreviousAlita – AboutNextAlita – Our Work

Last updated 1 year ago

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

The Services Page uses different Elementor widgets.

Steps to Create the Service Demo Menu Items

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

Here is a guide to create Service 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

Step 2: Create a new page

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

Step 3: Configure Elementor widgets

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

1. Heading section

The heading section uses TemPlaza: UI Text

set up

2. About Company

About Company section uses TemPlaza: UI Text, UI Accordion

2.1. 10 Years’ Experience In It

Use UI Text to setup Title and Content. To set up 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.

2.2. World Map with UI Marker

Use UI Marker to setup Map and marker.

3. Feature Box Section

Feature Box section uses TemPlaza: UI Card. Add section with 3 columns -> Drag ‘n drop TemPlaza UI Card Widget.

4. Testimonials

5. Image Section

Image section uses UI Image.

6. Our Services

Our Services uses UI Text and UI Card for info box. Add section with 2 columns -> Drag ‘n drop TemPlaza UI Card Widget.

7. Call to action section

Call to Action section uses TemPlaza Heading and UI Icon.

7.1. TemPlaza: Heading

7.2 TemPlaza: UI Icon