Course Content
Protected: Webpage Design

Module 2: Working with Pictures in Elementor

 


 

Step 1: Access Elementor

  1. Log in to WordPress.

  2. Navigate to Pages.

  3. Select a page.

  4. Click Edit with Elementor.

 

 

Step 2: Add an Image Widget

  1. Open Elementor.

  2. Locate the Image Widget.

  3. Drag the widget onto the page.

  4. Click Choose Image.

  5. Upload or select an image from the Media Library.

 

Step 3: Customize the Image

Modify:

  • Width

  • Height

  • Alignment

  • Border Radius

  • Shadow Effects

 

Practice Exercise

Add:

  • One banner image

  • One company logo

  • One team photo

 

Step 4: Create an Image Gallery

  1. Drag the Gallery Widget.

  2. Select multiple images.

  3. Choose gallery layout:

    • Grid

    • Masonry

    • Justified

 

Assignment

Create a gallery containing six images.