Elementor Tutorial – Creative Uses For Slider Pro Element

Updated: August 20, 2017
Filed Under: ,

Share on facebook
Facebook
Share on twitter
Twitter
Share on reddit
Reddit
Share on linkedin
LinkedIn
Share on email
Email
elementor_logo
Cost

Free to $199

With some new recently released enhancements to the slider module in Elementor Pro, there are some really cool new tricks that you can do.

Watch me demonstrate some creative uses for this module in Elementor Pro.

Elementor


Elementor Tutorial – Creative Uses For Slider Pro Element

Welcome back to another video my name is Adam
from WPCrafter.com were I make WordPress videos

for non-techies and in this video one of maybe
go over some creative uses for these slide

module for Elementor Pro so here is the website
for Elementor Pro if you don’t already have

it it is the fastest page builder for WordPress
they have a free version and a paid version

however the slide module that I want to talk
about in this video is only available in the

paid version of Elementor Pro got some good
news for you though I have a coupon code that

I’ll tell you about at the end and I have
a special bonus offer that I’m also including

with Elementor Pro if you did decide to purchase
it but let’s just take a look at itself there

some new features that were just added to
the slide Pro element in Elementor Sowa slides

is essentially a slideshow so we can just
drag it there and it’s going to populate a

slideshow here for us but there’s a new feature
that was recently added and that’s to give

you something called the can Burns affect
and this is an effect where you can take an

image and it can move at whatever speed that
you wanted to move and I’m in a show you how

to use that in this video so first what we
need to do with sucking to really work on

a solid color background like this it’s really
made for images some to go ahead and click

on the first slide and instead of a background
color I’m in a choose background image and

I probably have a few background images here
let’s see I know this one’s pretty large so

let’s just go ahead and insert that there
so we have our background image here and here’s

this new option right there it says Ken Burns
effect some go ahead and turn that on now

and you turn it on Yorty start seeing the
image move now right now the only options

are in or out that was the motion of moving
in and then you can change this to out and

then it’s going to give you a slight movement
there now what determines how long it moves

for is the amount of time that you have in
between the slides so if it’s five seconds

it’s going to move for five seconds and is
going to kinda move at a faster pace there

isn’t a control here of this speed is really
dictated on the amount of time that you leave

in between slides so lastly I would probably
put maybe an overlay color like that just

to darken it up a little but you can use whatever
color you want so let’s go ahead and go to

slider options and let’s play away around
with this autoplay speeds right now it’s set

to five seconds and that’s why you’re seeing
that a bit of movement right there but when

I was playing around that I tried 20 seconds
like that so look at what that does it gives

you a nice subtle slower movement in on the
picture like that in I really like that effect

right there so that is one creative new creative
use for this slideshow now another thought

I had and I’m just going to go completely
off-the-cuff in this video if you just wanted

to have some random movement on your website
let’s try it out so say I had a section like

this where you had two columns you had an
image on one side and maybe just some informational

text on the other side solicit what we can
do to have a little movement in an image that

we might want to put their summit to go back
to my Pro elements and I’m in a drag in that

slide again but this time adjusting to be
in this one little box right here and then

we probably want to put some kind of text
over here on the right so what I want to do

here is I’m going to go ahead and swap this
out for some images someone ago and put an

image there, click on slide two, to put a
different image than that that one let’s go

with this this pizza right there and then
first slide three, go ahead and choose a another

image like that so we have our images there
so let’s go back to slide one right here an

appointment to do is I’m to turn on the can
birds affect like that and let’s see I’ll

start with going out and then on a scroll
up here words is content and I’m literally

just going to remove all of the content like
that so I just have an image there with this

motion and I’ll get rid of these arrows some
to do that for each of these slides a minute

just remove all the content for each of them
just like that and I want to turn my Ken Burns

on here instead of out to him and to go in
some and alternated okay I’m on the third

slide doing the same thing here and on this
one and a dude can burns and I’m in a go out

so it’s going to be out in out now what I
want to do is go down here to my slider options

and want to get rid of these arrows and dots
and make it none just like that and the last

thing is that speed is a little too much for
me so I’m going to go ahead and enter 20 so

each slides going to be 20 ms and so there
you can see how nice that is so were able

to take this slideshow module and were able
to use it to have some nice a subtle motion

on our website is not technically a slider
is your typical slider where you have all

these things moving in text showing and buttons
and all that but you’re able to use it for

a really nice elegant effect that ends up
being very subtle like you see here so let’s

try to get that back onto the first slide
to go to slides click on slide one see slide

two so slide one was in slide two was out
and slide three just like that so now let’s

try that one more time so you’ve got this
a beautiful movement now on your website to

make the website come alive a little bit honestly
out tell you I’m happy that Elementor Pro

includes a slider because that’s one less
thing you have to buy one less interface you

have to learn one less learning curve you
have to go through but to tell you the truth

I’m not really the biggest fan of sliders
themselves I know that customers and clients

they want that but I tend to not be the biggest
fan of sliders I much rather use a slider

in a more subtle way that you saw me do right
here but this is just to show you that just

because a module is made for one purpose you
can use it for lots of different things to

and this is a real elegant way to get some
nice movement in your website especially if

it’s like a restaurant or something like that
where it’s at very visual and in the pictures

really sell it so this was just a creative
use of this new feature that is available

in the slides Pro element that comes with
Elementor now here’s Elementor’s website right

here I have a link down below and the pin
comment and I also have a link in the description

below and here’s what I’m going to do if you
wanted to purchase Elementor go ahead and

click on my link and they have been generous
enough to give a coupon discount to the viewers

of my channel so when you go to Elementor
Pro’s website and you choose a package when

you’re checking out you can enter the coupon
code WPCrafter.com and and guess what that’s

gonna take 10% off your purchase but that’s
not all I’m to do something special for you

because I want you to be successful using
Elementor I’ve created a training course on

Elementor and it’s called Elementor essentials
it’s available for sale for $97 but if you

purchase Elementor through the link in this
video I’m going to enroll you for free into

this training course which is a complete website
building success system that’s gonna take

anyone that wants to build a website give
them all the tools and knowledge necessary

to build an amazing website using Elementor
and it’s a very in-depth training program

that I’m sure you’re in get a lot of benefit
out of its gonna take your learning curve

and flatten it out and essentially allow you
to build a better website faster because you

made it to the end of the video I have free
gift for you but before I talk about that

I want to ask you to do something for me if
you can give this video a thumbs up down below

that would really help me out if you’re not
subscribed to the channel go ahead and click

on the unsubscribe button and become a subscriber
and support this channel and if you’d like

you to notify you when I upload new videos
there’s a little bell next to that subscribe

button you can click on that and set that
up as well if you have any questions or a

comment about this video I’d love to answer
it there’s a comments section down below all

you have to do is put in your question or
comment I respond to every single one I made

a course just for you and it’s called the
three steps to WordPress success and I want

to give this to you if you’d like to enroll
in this course there’s a button right here

off to the right you go ahead and click on
that role as a student and that’s just my

way of saying thank you for supporting me
and making it to the end of this video I make

them just for you

Adam @ WPCrafter

My passion is making the best quality video tutorial online, for non-techies. When I am not behind the camera, I am usually helping out one of my YouTube subscribers.
how-to-make-website

How To Make A Website 2019

best-WordPress-webhost

Best WordPress Hosts 2019

website-hosting-discount

InMotion Hosting

50% Discount Offer

free-course-offer

Free Course Offer

WordPress Starter Course

Leave a Comment

Your email address will not be published. Required fields are marked *