Alita – Our Work

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

The Portfolio Page uses different Elementor widgets.

View Portfolio Page layout view in the frontend:

Steps to Create the Portfolio demo menu items

The Portfolio page on the demo site uses UI Text, UI Post widgets to display the Content.

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

Choose import file to import file

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

Portfolio Page uses TemPlaza: UI Text, UI Post widgets.

1. Heading section

Heading section uses TemPlaza: UI Text

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

2. Portfolio Section

Portfolio section uses TemPlaza: UI Post

Choose Resource: Portfolio, Limit page and configure responsive Columns. Check Ajax loading paging to auto-load more content.

Choose Filter Postion: Left and Select filter type.

Configure Image Size display

Configure meta content display