# Service

## 1: Settings

Go to Appearance >> Customize

<div><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FgVztBKTwuXxVulAu842e%2FScreenshot%202025-02-07%20at%2010.34.59.png?alt=media&#x26;token=689774f3-6762-4c21-bec4-fe9315546089" alt="Archive/Category Settings "> <figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FT7wz9eHzqLGEkoOjeXAX%2FScreenshot%202025-02-07%20at%2010.35.12.png?alt=media&#x26;token=cafb94a4-5b4f-409b-a819-b1580e9987f8" alt=""><figcaption><p>Single Settings</p></figcaption></figure></div>

## 2: Manage Categories

### 2.1) Add Category

Go to Service >> Category service

![Add Category](https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FRPAQk8nu6HbGFnk6wlvo%2FScreen%20Shot%202022-06-27%20at%2011.49.10%20AM.jpg?alt=media\&token=5f65eb7b-0872-432a-8475-ff19d82e8b89)

### 2.2) Display Category

You can change Header/Footer version and layout in customize. [Read here](#id-1-settings)

<div><figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2Fvu8TP8nARZLqDlNgLVmu%2FScreenshot%202025-02-07%20at%2010.32.40.png?alt=media&#x26;token=ef41aa4d-55c4-4004-a527-f0447df1a47a" alt=""><figcaption></figcaption></figure> <figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2F7IsJ0uZtRVLz8DPJ852e%2FScreenshot%202025-02-07%20at%2010.34.38.png?alt=media&#x26;token=2a4d5323-3ef0-4bc0-abd0-5fbc41079d0a" alt=""><figcaption></figcaption></figure></div>

## 3: Manage Services

### 3.1 Add New Service

Go to Service >> All Service >> Add New

Insert some fields:

* Title
* Edit content with Elementor
* Category
* Featured Image
* Excerpt
* Service Icon: You can find class icon [here](https://ova-themes.gitbook.io/retirio/icons)
* Sort order: Used in some Element to sort position of service in list.

![Insert some fields](https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FzK5B0gRkOmK6tRgVJmzb%2FScreen%20Shot%202022-06-27%20at%2011.50.24%20AM.jpg?alt=media\&token=8b0f6d4b-9423-4e5c-b3c0-99c9bbcac271)

![Edit content with Elementor](https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2F7SbcJdXH0VoiNLb32ZpQ%2FScreen%20Shot%202022-06-27%20at%2011.51.30%20AM.jpg?alt=media\&token=97425062-c076-47b2-93e5-f5bad40c8568)

### 3.2) Display at frontend

<figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2F4avARIU9lB4I7vfQ8ME3%2FScreenshot%202025-02-07%20at%2010.40.52.png?alt=media&#x26;token=e2025cdb-f907-4a43-8084-e0991a04d246" alt=""><figcaption></figcaption></figure>

You can Edit Sidebat by go to Apperance >> Widgets >> Choose "Service Sidebar" like here:

<figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FOLkfZmVkd80isoXCtYcx%2FScreenshot%202025-02-07%20at%2010.41.54.png?alt=media&#x26;token=c74c9223-4c91-4607-9ab6-b832cc8914df" alt=""><figcaption></figcaption></figure>

If you see shortcode like "\[retirio-elementor-template id="1173"]" ⇒ This is shortcode build in Elementor. From Left Panel Menu click Templates >> Choose a tempate to edit with Elementor

<div><figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FnMKfZkYZYuju9Z67TmD2%2FScreenshot%202025-02-07%20at%2010.43.45.png?alt=media&#x26;token=77223a2f-4e1a-4ccc-aba3-ed5833052905" alt=""><figcaption><p>Choose a template to edit with elementor</p></figcaption></figure> <figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FZSuvTiu563CGtNBoqrvV%2FScreenshot%202025-02-07%20at%2010.44.49.png?alt=media&#x26;token=cdcb1e34-40b6-45e9-9589-c590bc5a4d23" alt=""><figcaption><p>Edit Service Sidebar with elementor</p></figcaption></figure></div>

## 4: Service Elements in Elementor

### 4.1: Service Box

<div><figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FyuH1DWWxvHx4YOlPm39x%2Fservice-box-element-in-elementor-retirio.png?alt=media&#x26;token=ca0981c3-a465-4641-91a7-e4edbebae942" alt=""><figcaption></figcaption></figure> <figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FvdIsyyH25jbhT4ruab1z%2Fservice-box-element-in-elementor-retirio-1.png?alt=media&#x26;token=7dbb9aea-b69c-45ea-8f55-4fd950bc525f" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FyRpgaHbe7s044TNDR4Vn%2Fservice-box-element-in-elementor-retirio-2.png?alt=media&#x26;token=f8e59a2d-64be-4a3b-9fe5-ad96c04d0873" alt=""><figcaption></figcaption></figure> <figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FSiX2PiuEujsIaSETFXZ8%2Fservice-box-element-in-elementor-retirio-3.png?alt=media&#x26;token=1752f3d7-6850-4927-80ce-ea93d7b3b17d" alt=""><figcaption></figcaption></figure> <figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FG7USHmTyC7PVx4UJkU0L%2Fservice-box-element-in-elementor-retirio-4.png?alt=media&#x26;token=aa62197c-2f08-41d6-b0d4-311c72a07c48" alt=""><figcaption></figcaption></figure> <figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FHnJM6O8HmwhujfeOPv6S%2Fservice-box-element-in-elementor-retirio-5.png?alt=media&#x26;token=aae4d268-1b8f-471b-b7ae-0829ea5f9b98" alt=""><figcaption></figcaption></figure> <figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2Fv4SXfd6f6E3ZVUffIoFK%2Fservice-box-element-in-elementor-retirio-6.png?alt=media&#x26;token=1eb927a4-1110-4a73-bd96-6f3db70842ff" alt=""><figcaption></figcaption></figure></div>

### 4.2: Service List

<figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FEfxWBRMNlMzAyxd2tFQx%2Fservice-list-element-in-elementor-retirio.png?alt=media&#x26;token=e77b5137-f53d-4410-aa54-6025e26239b6" alt=""><figcaption></figcaption></figure>

<div><figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FzWe9u5CrpcHsSDYKcL6h%2Fservice-list-element-in-elementor-retirio-1.png?alt=media&#x26;token=dd68ad2a-b685-4404-a605-0d33a13b1456" alt=""><figcaption></figcaption></figure> <figure><img src="https://3839499096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcw6qatXdr983SSYFMz24%2Fuploads%2FMENPHpbiL299DnmG0YpU%2Fservice-list-element-in-elementor-retirio-2.png?alt=media&#x26;token=b2f85f24-cd2c-404b-a8db-851ae6f8fca1" alt=""><figcaption></figcaption></figure></div>
