Slider Revolution is designed to be responsive, so changes made in one view (e.g., desktop) might affect other views (e.g., mobile) as well. However, you can customize the design for each view independently by turning on the corresponding size variant(s): www.sliderrevolution.com/manual/desktop-laptop-tablet-and-phone-size-variants/
@@SliderRevolution yeah, I fixed it already, based on this tutorial, now I want to ask, if you have tutorials on how to animate objects when being hovered?
Great! Apart from our documentation www.sliderrevolution.com/documentation/mouse-hover-settings/ I do not think we do have a special tutorial focusing on this topic. I will forward your request to the customer education team!
I used images as a background instead of colour/gradient. Is it possible to move my backgorund image for each individual screen size? For example: I have to people on the right side of the background, when shown in Desktop-view. But when I visit my website on my phone, I only see the shoulder of one person. Does that make sense? How do I move them into the center of the slider, but only for mobile view?
Absolutely, your scenario is clear and common! Instead of setting images as slide backgrounds, we at Slider Revolution often use image layers to gain more control and flexibility over the positioning across different device views. Here's how you can do it: Remove the Background Image: Firstly, clear your slide's main background image so it's just the color/gradient or whatever non-image setting you prefer. Add Image as a Layer: Add your image as an image layer on the slide. This way, it acts like an image, but you get more control over its size and position. Adjust Layer for Different Devices: On the Slider Revolution interface, you'll see icons representing different devices: Desktop, Notebook, Tablet, and Mobile. Click on each one to see how your slide (and the image layer) appears on each device. Reposition for Mobile: For your particular scenario, when you click on the 'Mobile' icon, move and adjust the size of your image layer so that the two people are centered or positioned as you desire. The beauty is that these changes won't affect how the image appears on other device views. This method allows for granular control, ensuring each device view provides the optimal user experience. It's our go-to approach for scenarios just like the one you've described! Hope that helps! If you need any further guidance, feel free to ask or check out our detailed tutorials.
I notice that your mobile view button was initially off. Am I right to understand that we should turn turn on these buttons only when we want the smaller device to look different from the desktop view? Is this deactivating the 'intelligent inheriting' that was originally selected for the module? By the way what does that setting of 'intelligent inheriting' do or doesn't do?
You are absolutely correct. In case you want to overwrite the automated responsive settings for a certain device size you do it this way. Otherwise our so called "intelligent inheriting" calculates this for you automatically.
I got stuck with an issue while working in a slide. Actually, I want to change the slider background image separately for a mobile view... Which I don't think I have an option for that. Two, I thought of reducing the size of the image in the mobile view.. which I still can't figure out At last, I tried to hide the desktop visibility and create a slide in the mobile view.... I don't have an opinion for that as well. So, I need support to change the background image or size or create a slide only for mobile. Or provide me with some solutions. Thanks
Absolutely, your scenario is clear and common! Instead of setting images as slide backgrounds, we at Slider Revolution use image layers to gain more control and flexibility over the positioning across different device views. Here's how you can do it: Remove the Background Image: Firstly, clear your slide's main background image so it's just the color/gradient or whatever non-image setting you prefer. Add Image as a Layer: Add your image as an image layer on the slide. This way, it acts like an image, but you get more control over its size and position. Adjust Layer for Different Devices: On the Slider Revolution interface, you'll see icons representing different devices: Desktop, Notebook, Tablet, and Mobile. Click on each one to see how your slide (and the image layer) appears on each device. Reposition for Mobile: For your particular scenario, when you click on the 'Mobile' icon, move and adjust the size of your image layer so that the two people are centered or positioned as you desire. The beauty is that these changes won't affect how the image appears on other device views. This method allows for granular control, ensuring each device view provides the optimal user experience. It's our go-to approach for scenarios just like the one you've described! Hope that helps! If you need any further guidance, feel free to ask or check out our detailed tutorials.
Can you use your own custom fonts with slider revolution? And can you add a background color to your text only? I'm considering getting slider revolution but these features are important to me.
Hi Brittney, here is an article covering custom fonts and Slider Revolution: www.sliderrevolution.com/faq/uses-your-own-fonts-with-slider-revolution-plugin/ And yes you can set the background color of each layer individually.
when you make these templates just record the whole process doesn't matter if its 20 hours long. i have this software for 2 years but istill cant make any thing like a template please help
Hi there, I will share your feedback with our video tutorial team. In the meantime, if you require assistance or guidance, you can email us at help@sliderrevolution.com and we'll attend to you asap!
@@SliderRevolution I amtrying to put anchor links on buttons to scroll down all the way below page and sign up to a form. I'm using slider revolution with elementor and cartflows. i sont know how to put anchor links on butttons created in different modules to scroll down. when all the modules are merged in elementor
@@Ahmad-yw3wr Hi there, you need to use layer actions as explained here www.sliderrevolution.com/documentation/layer-actions/ . If you need guidance, please email us at help@sliderrevolution.com and we'll attend to you asap!
Automatic slide rotation is active by default in new modules. But if you need to change the auto rotation setting of a module go to the Module General Options tab, General sub-section, Slideshow panel. There you will find the Auto Rotate Slideshow option. Toggle it to OFF and the module will stop on its first slide. Toggle it to ON and slides will automatically progress from one to the next. Find more details here: www.sliderrevolution.com/manual/controlling-auto-rotation-of-slides/
Really excellent. Des has a super teaching ability. Thanks!
@1:00 How these blue lines will show up?
Configuring the responsive breakpoints should show the guidelines: www.sliderrevolution.com/faq/responsive-content/
EXCELLENT VIDEO!! VERY STRAIGHTFORWARD
Great job
Do some more complex and full width examples would be very helpful
Hi, thanks for this! How comes the header text and the sub text is coming from a top down acnhor instead of a vertical centre? Thanks
Hi, not sure I can follow you completely there. Maybe you could just send more details to our support team? support.sliderrevolution.com/
Are you amazing? OR ARE YOU AMAZING???!!! Thanks!
Love this, let it keep coming…
You saved my mental sanity!
Glad to hear we're keeping you sane! We're like duct tape, holding everything together one tutorial at a time. Keep calm and keep watching ;)
Can I ask, why is the design from my mobile view change when I edited the desktop view? I really need help.
Slider Revolution is designed to be responsive, so changes made in one view (e.g., desktop) might affect other views (e.g., mobile) as well. However, you can customize the design for each view independently by turning on the corresponding size variant(s): www.sliderrevolution.com/manual/desktop-laptop-tablet-and-phone-size-variants/
@@SliderRevolution yeah, I fixed it already, based on this tutorial, now I want to ask, if you have tutorials on how to animate objects when being hovered?
Great! Apart from our documentation www.sliderrevolution.com/documentation/mouse-hover-settings/ I do not think we do have a special tutorial focusing on this topic. I will forward your request to the customer education team!
Why shift and arrows when you can use your mouse/shift with less effort to move items?
Precision
I used images as a background instead of colour/gradient. Is it possible to move my backgorund image for each individual screen size? For example: I have to people on the right side of the background, when shown in Desktop-view. But when I visit my website on my phone, I only see the shoulder of one person. Does that make sense? How do I move them into the center of the slider, but only for mobile view?
Absolutely, your scenario is clear and common! Instead of setting images as slide backgrounds, we at Slider Revolution often use image layers to gain more control and flexibility over the positioning across different device views.
Here's how you can do it:
Remove the Background Image: Firstly, clear your slide's main background image so it's just the color/gradient or whatever non-image setting you prefer.
Add Image as a Layer: Add your image as an image layer on the slide. This way, it acts like an image, but you get more control over its size and position.
Adjust Layer for Different Devices: On the Slider Revolution interface, you'll see icons representing different devices: Desktop, Notebook, Tablet, and Mobile. Click on each one to see how your slide (and the image layer) appears on each device.
Reposition for Mobile: For your particular scenario, when you click on the 'Mobile' icon, move and adjust the size of your image layer so that the two people are centered or positioned as you desire. The beauty is that these changes won't affect how the image appears on other device views.
This method allows for granular control, ensuring each device view provides the optimal user experience. It's our go-to approach for scenarios just like the one you've described!
Hope that helps! If you need any further guidance, feel free to ask or check out our detailed tutorials.
perfect explanation
I notice that your mobile view button was initially off. Am I right to understand that we should turn turn on these buttons only when we want the smaller device to look different from the desktop view? Is this deactivating the 'intelligent inheriting' that was originally selected for the module? By the way what does that setting of 'intelligent inheriting' do or doesn't do?
You are absolutely correct. In case you want to overwrite the automated responsive settings for a certain device size you do it this way. Otherwise our so called "intelligent inheriting" calculates this for you automatically.
I got stuck with an issue while working in a slide.
Actually, I want to change the slider background image separately for a mobile view... Which I don't think I have an option for that.
Two, I thought of reducing the size of the image in the mobile view.. which I still can't figure out
At last, I tried to hide the desktop visibility and create a slide in the mobile view.... I don't have an opinion for that as well.
So, I need support to change the background image or size or create a slide only for mobile. Or provide me with some solutions. Thanks
Absolutely, your scenario is clear and common! Instead of setting images as slide backgrounds, we at Slider Revolution use image layers to gain more control and flexibility over the positioning across different device views.
Here's how you can do it:
Remove the Background Image: Firstly, clear your slide's main background image so it's just the color/gradient or whatever non-image setting you prefer.
Add Image as a Layer: Add your image as an image layer on the slide. This way, it acts like an image, but you get more control over its size and position.
Adjust Layer for Different Devices: On the Slider Revolution interface, you'll see icons representing different devices: Desktop, Notebook, Tablet, and Mobile. Click on each one to see how your slide (and the image layer) appears on each device.
Reposition for Mobile: For your particular scenario, when you click on the 'Mobile' icon, move and adjust the size of your image layer so that the two people are centered or positioned as you desire. The beauty is that these changes won't affect how the image appears on other device views.
This method allows for granular control, ensuring each device view provides the optimal user experience. It's our go-to approach for scenarios just like the one you've described!
Hope that helps! If you need any further guidance, feel free to ask or check out our detailed tutorials.
great, thank you - please share more simple videos, this helped a lot. :)
More to come!
Can you use your own custom fonts with slider revolution? And can you add a background color to your text only? I'm considering getting slider revolution but these features are important to me.
Hi Brittney, here is an article covering custom fonts and Slider Revolution: www.sliderrevolution.com/faq/uses-your-own-fonts-with-slider-revolution-plugin/
And yes you can set the background color of each layer individually.
@@SliderRevolution thanks so much!
when you make these templates just record the whole process doesn't matter if its 20 hours long. i have this software for 2 years but istill cant make any thing like a template please help
Hi there, I will share your feedback with our video tutorial team. In the meantime, if you require assistance or guidance, you can email us at help@sliderrevolution.com and we'll attend to you asap!
@@SliderRevolution I amtrying to put anchor links on buttons to scroll down all the way below page and sign up to a form. I'm using slider revolution with elementor and cartflows. i sont know how to put anchor links on butttons created in different modules to scroll down. when all the modules are merged in elementor
@@Ahmad-yw3wr Hi there, you need to use layer actions as explained here www.sliderrevolution.com/documentation/layer-actions/ . If you need guidance, please email us at help@sliderrevolution.com and we'll attend to you asap!
Hey! This new video is only 1 hour long, not 20, but should do the job: th-cam.com/video/-9VyzSmm-l0/w-d-xo.html
;)
mhh I don't see the blue lines even though I followed every step as showen in this video..
That is very strange... could you send a screenshot or login to support.sliderrevolution.com ? Thanks!
@@SliderRevolution Same here
how to make auto slide?
Automatic slide rotation is active by default in new modules. But if you need to change the auto rotation setting of a module go to the Module General Options tab, General sub-section, Slideshow panel. There you will find the Auto Rotate Slideshow option. Toggle it to OFF and the module will stop on its first slide. Toggle it to ON and slides will automatically progress from one to the next. Find more details here: www.sliderrevolution.com/manual/controlling-auto-rotation-of-slides/
Really fantastic!
Thanks!!!
Brutally staright no bullshit for watch time
Thanks for the feedback! We aim for zero fluff, maximum impact. 🚀 Glad you appreciated the straightforward approach!