> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/editech/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/editech/content-management/homepage/edit-homepage.md).

# 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