Add Image Sliders

Step 1: Add a Full-Width Section in Elementor

1. Open the Page in Elementor:
   
   
   • Click the Edit with Elementor button.
     
     
2. Add a New Section:
   
   
   • Click the + button to add a new section.
     
     
   • In the section settings (click the section handle), go to the Layout tab.
     
     
   • Set the Content Width to Full Width.
     
     
   • Set the Stretch Section toggle to Yes.

3. Customize Padding and Margins:

• Under the Advanced tab, adjust padding and margins to fine-tune spacing.
  
  
• For a seamless full-width design, set margins to 0.

Step 2: Apply Backgrounds or Overlays

1. Add a Background:

• In the section settings, go to the Style tab.
  
  
• Add a Background Image or Background Color.
  
  
• Use the positioning and size options to fit the background properly.

2. Apply Overlays:

• Still under the Style tab, enable the Background Overlay option.
  
  
• Add an overlay color or gradient and adjust its opacity for a modern look.

Step 3: Save and Preview

1. Save Your Design:
   
   
   • Click the Update button to save your changes.
     
     
2. Preview the Page:
   
   
   • Preview the page on the front end to ensure the full-width section appears as expected.