For Main Demo & Seafood Demo
In this video tutorial, we will show you how to change the slider images at the top of the homepage after importing the Main Demo or Seafood Demo.
- On the homepage, please navigate to the Admin Bar at the top of the page and click “Edit with Elementor“.
- In the Elementor editor, please click the second icon at the bottom left of the panel to open the “Navigator“, which helps you easily locate each element on the page.
- In the “Navigator“, please select the first Section and expand it, then expand its “Column“, then you will find the “Inner Section“.
- Click on the “Inner Section” and you can edit it. In the left panel, please click on the “Style” tab, there you will find “Background” options. You will see that the “Background Type” is set to “Slideshow” and 4 images selected. You can remove them, or click to edit the images: reorder, delete, or add new images.
- This step is optional: Select the parent Section of the Inner Section, click on the “Style” tab in the left panel, and you will find that the parent Section also has a background image. This is because the background slideshow may sometimes not load fast enough and may not appear in the first place when opening the page. In order not to show only a blank here, we set a background image (or background color like in Seafood Demo) on the parent section, using the first image of the background slideshow of the inner section. This step is not required. You can choose to delete the background image here.
For Pastry Demo
In this video tutorial, we will show you how to change the slider images at the top of the homepage after importing the Pastry Demo.
- On the homepage, please navigate to the Admin Bar at the top of the page and click “Edit with Elementor“.
- In the Elementor editor, please click the second icon at the bottom left of the panel to open the “Navigator“, which helps you easily locate each element on the page.
- In the “Navigator“, please select the first Section. In the left panel, please click on the “Style” tab, there you will find “Background” options. You will see that the “Background Type” is set to “Slideshow” and 6 images selected. You can remove them, or click to edit the images: reorder, delete, or add new images.
For Elegant Restaurant Demo
If you imported the “Elegant Restaurant” demo, you will notice that the top slider on the homepage is different from the other demos. The sliders of other demo homepages only change the background image, and the content remains unchanged.
But in the “Elegant Restaurant” demo, the background image and text content in the top slider will change. This is because in the “Elegant Restaurant” demo, we used the PatioTime Slider Element to create this slider. This slider is composed of multiple slides, and the content and background image in each slide can be different.
Therefore, to change the content and background in the slider, you need to edit each slide individually. Please follow the detailed steps in the following tutorial: