# Edit Elements

Using Elementor, you can edit your content, style easily via edit Elementor Widgets. 

In Editech, Elementor elements we used: 

* Opal Heading Widget
* Opal Portfolio Widget
* Opal Posts Grid
* Elementor Element Widgets

Hover on the part you want to edit, click "Pencil icon", you will see the editor tab edit at the left hand. 

![](/files/-MX09x_oUKjWHT0T5Ewp)

### 1. Edit Opal Heading Widget

You can edit content, style, advanced for widget

**Content:** 

* Title: Edit title text
* Sub title: Edit subtitle text of widget content
* Position: Set text position: above/below
* Link: Insert link
* Size: Set size for content: Default, small, medium, large, XL, XXL
* HTML Tag: 
* Alignment: Left, Center, Right

**Style: Style for content**

* Text color
* Typography
* Text Shadow
* Blend Mode
* Padding
* Margin
* Subtitle

**Advanced:** 

* Advanced: Margin, Padding, Z-Index
* Motion Effects: Set entrance animation
* Background: Set background color, gradient color
* Border:
* Positioning
* Responsive: Turn on/off to show on device

### 2. Edit Opal Service Widget

You can edit, add more testimonial, image size, alignments

![](/files/-MX0IF7Pkj3tpFSqZ0Wy)

### 3. Edit Opal Portfolio Widget

**Content:** 

**Layout:** Columns, Post per page, Gutter, Filter bar, Style, Layout Button Load more: Enable/disable load more Quey Carousel Options: Layouts: Delay Content and Schedule content 

**Style:** Button: Typography, Color, Border, Shadow and Margin 

**Advanced Settings:**

![](/files/-MX53KY5GzKyETbKyE6A)

### 4. Edit Other Elementor Widget: 

Text, Image, Video, ...

**Edit Feature "About Us" on page with Elementor**

Click on edit icon to "Edit"

![Edit Icon box - Elementor widget](/files/-MX1FJWM1qi2Bt5OFDp_)

**Replace Image:** Upload, Remove Image as you want

Content: Image Size Alignment Caption Link

Style: Set Width, Height, Opacity, Radius, Shadow

Advanced: 

![Replace image in Editech content](/files/-MX1Fg8mOE6ag1Op2TZR)

**Edit Text**

* **Content Text:** Edit Title, Subtitle, Position Link, Size, Alignment,...
* Style Text: Color, Typography, Shadow, Blend Mode, Padding, Margin
* Advanced Text: 

**Edit Icon**

![Edit icon box in Elementor](/files/-MX1HLfIEg2t_WWC5wxn)

**Edit Button:** Edit Type, Text, Link, Alignment, Size, Icon

After all, click "**Save**" with all changes


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wpdocs.gitbook.io/editech/content-management/homepage/edit-homepage.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.