# Edit Elements

Using Elementor, you can edit your content, style easily via edit Elementor Widgets.&#x20;

In Editech, Elementor elements we used:&#x20;

* 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.&#x20;

![](https://2049666827-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVpKJce_f0UEccen8sQ%2F-MX0-9Hs337YBC-s1J1u%2F-MX09x_oUKjWHT0T5Ewp%2Fimage.png?alt=media\&token=8ebec028-866e-4477-9036-5329a4445742)

### 1. Edit Opal Heading Widget

You can edit content, style, advanced for widget

**Content:**&#x20;

* 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:&#x20;
* Alignment: Left, Center, Right

**Style: Style for content**

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

**Advanced:**&#x20;

* 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

![](https://2049666827-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVpKJce_f0UEccen8sQ%2F-MX0DUFoCpcnA-NUDL6q%2F-MX0IF7Pkj3tpFSqZ0Wy%2Fimage.png?alt=media\&token=e4afd95d-37ff-4ad5-9984-62ac9e40a056)

### 3. Edit Opal Portfolio Widget

**Content:**&#x20;

**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&#x20;

**Style:** Button: Typography, Color, Border, Shadow and Margin&#x20;

**Advanced Settings:**

![](https://2049666827-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVpKJce_f0UEccen8sQ%2F-MX51AhHpVx2vo-MhbsL%2F-MX53KY5GzKyETbKyE6A%2Fimage.png?alt=media\&token=bec1cd7f-1db9-4227-a2d4-2c189e5aae80)

### 4. Edit Other Elementor Widget:&#x20;

Text, Image, Video, ...

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

Click on edit icon to "Edit"

![Edit Icon box - Elementor widget](https://2049666827-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVpKJce_f0UEccen8sQ%2F-MX1DWKPEfJbRDXbO083%2F-MX1FJWM1qi2Bt5OFDp_%2Fimage.png?alt=media\&token=98577f46-b4a5-476f-b3ca-5597e9042bf6)

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

Content: Image Size Alignment Caption Link

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

Advanced:&#x20;

![Replace image in Editech content](https://2049666827-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVpKJce_f0UEccen8sQ%2F-MX1DWKPEfJbRDXbO083%2F-MX1Fg8mOE6ag1Op2TZR%2Fimage.png?alt=media\&token=11219d3a-0db9-44f8-9e65-5854c44a2d94)

**Edit Text**

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

**Edit Icon**

![Edit icon box in Elementor](https://2049666827-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVpKJce_f0UEccen8sQ%2F-MX1DWKPEfJbRDXbO083%2F-MX1HLfIEg2t_WWC5wxn%2Fimage.png?alt=media\&token=f01b73a6-ab46-4ddc-a782-23ec9cdb5d8d)

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

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