PatioTime Documentation

How to change Each Slide’s background of a Slider (Elegant Restaurant Demo)

June 30, 2023

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 steps below:

  1. Please navigate to the Admin Bar at the top of the page, and find “Edit with Elementor“.
  2. Hover over it to show a drop-down list. Find the slide: “Slide-1” and “Slide-2”. Click on it to open the Elementor editor.
  3. 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.
  4. In the “Navigator”, please select the first Section. In the left panel, please click on the “Style tab, there you will find “Background” options. Find the “Image” option and hover over the image then you will see a small “Trash” icon, you can click the icon to remove the background image of this slide, or click the image to open the Media Library and select another image as the background image.
  5. Please note that the slide also has a default background color, which is black. If you’d like to remove the background color, please find the “Color” option located above the “Image” option, click on the color block to open the Color Picker. Then you can change the backgroud color, or click the “Clear” button to remove the background color.
  6. Please expand the “Background Overlay” options. There you can change the overlay’s opacity, or click the color block to change the overlay color, or click the “Clear” button to remove the overlay.
  7. Please follow the steps above to edit each slide in the slider.
Close
Close