• Background Sliderbackground Slider For Weebly Sections Step By Step
• Background Sliderbackground Slider For Weebly Sections Templates
• Background Sliderbackground Slider For Weebly Sections Free

How to customize the caption area of the Weebly slideshow element; How to make a rotating background for your Weebly site; How to put a full screen slider on the homepage of your Weebly site; How to add a border to all images on your Weebly site at once; How to display the number of Disqus comments for a standard Weebly page. Background Slider. Background slider for Weebly sections. Force columns inline. Element package for Weebly. Smooth animations on scroll.

First of all open your WOWSlider application. Then you should add images, select a transition effect... Please see another tutorials to get the detailed instructions of how to do it: tutorial 1, tutorial 2

Now let's see how to set a slider as a background of your page:

1. Set the specific options

Go to Slider -> Properties and uncheck the following options:

- Pause/play button

- Swipe Support

- Show controls on mouse over

- Show Prev/Next buttons

- Show descriptions

- Show bullet navigation/Filmstrip

Set the Slider Layout to 'Full screen'

2. Publish the slider

Go to the 'Publish' tab and select the 'Publish to folder' method. Choose the folder where you want to save the slider.

Click on the 'Publish' button at the bottom of this window.

3. Copy the generated folders

Open the folder where you have just published the slider. Copy the 'data1' and 'engine1' folders and paste them in your website's folder.

Background Sliderbackground Slider For Weebly Sections Step By Step

4. Embed the code to your web page

Now open the generated 'wowslider-howto.html' page and copy a code for the HEAD section.

Paste it in the HEAD section of your web page.

Go back to the 'wowslider-howto.html' file and copy a code for the BODY section.

Paste it in the end of your website's BODY section.

5. Create a new file

Now Create the 'ws-bg.css' file in your website's folder with the following code:

6. Add a link to the created file after the HEAD section of your slider.

7. Put the content of your page into the <DIV> element with the 'content' class:

Now you have a slider as a background of your web page!

Background Sliderbackground Slider For Weebly Sections Templates

Image background parallax section

Ased do eiusmod tempor incididunt ut

Background Sliderbackground Slider For Weebly Sections Free

L'orem ipsum dolor, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunto.