Description: The article is about weebly login. This is a tutorial on how to add background slides to weebly’s header element. The author gives a brief introduction on how to add background slides to weebly’s header element,you can learn how to add background slides to weebly’s header element by following the steps.
It is easy to add background slides to weebly’s header element. It needs to be new header element. with these sections,you can see the Weebly section element under structure,those are the elements where we will be able to add a background slider.
it is a background image slider,let’s get started. We will use third-party applications,it’s now called install applications,you should be able to use them in your background slider element,you need to drop it inside of the header or section,you can add it at the top or at the bottom.
I’m going to add it at the bottom. Once you edit,you can see that there is some background displaying to access the settings,the only thing you will need to do is to click on the placeholder bar,then it would take you to a panel where you can control your images as well as these settings.
You can upload from 2 to 3 images,I want to set this to 4,I’m going to upload my images by clicking on it,you can drag and drop your images,let’s upload some images. It has upload 4 images. You also have the option of deleting the image or rearranging them by grabbing them and moving them around.
If you want this one to be the first image,you can move it,for the next setting,there is a transition style,you have quite some options to pick from. I’m going to leave it to this slide. For the animation type,I’m going to set it to none. You can also define these slight speeds,the time that each slide has to display,it values in milliseconds,let’s have a quick look at that.
Once you’re done with it,the slider preview sometimes acts a little bit weird,but it shouldn’t influence the life side.When you click on save,you should see a loading appear,when that’s done,you can click on done. Now you can see that we have our slider,we have a slight left,you can access your backgrounds settings,it won’t be visible.
Let’s publish the life side and have a quick look here,you can see our slide,since it is a background slider,you are able to add some content on top of it. I chose some content that came with it,you can delete it, you can add more.
You always have to add it in the new header element,we have a background or replace header,it needs to be something like this,there are four images inside columns,let’s create a background slider for this one.
I will drop it at the bottom,you cannot add two sliders in the same section,I’m going to be able to take three,I’m going to upload three images like that. Once ready,I’m going to click on save and then you can see the preview in your editor. Now we will publish and have a look at the life side,you can see there was a small preview of the first image that you could still upload the background image or color,the slider isn’t loading all the time.
For the second image,there is another effect going on with a zooming effect,but it also has a slider,there is a maximum to six slides,you can upload per slider. You should not make them too large in size and do not fill the page with too many sliders as it will only slow down your page. Hope this is useful to you.