6:50 you gave it a padding in mobile mode, return to tablet mode for the padding and then return to mobile mode for another padding and delink it like there's no padding there before. I don't understand
@@doubleideatechnologies sorry, it’s a very complex build to translate into Elementor for people to use .. the first was not suppose to be mobile, it was for desktop ..
@@the_mig I think so and I did that. Btw, the scroll buttons function now working, I had to put the video in 7.5× playback. The video is to fast and I'm not kinda used to your English accent. Anyways, thanks a ton 🙏🏽
Followed your instructions and it works great. Very smooth on mobile too. Thanks! Great work. I also like the variables so you can play with it without messing up the CSS. One thing I didn't like though was the text that takes the whole width of the left container. I'm a graphic designer and long lines make text harder to read. So I tried to give the text-container that holds the text some padding at the right, but that didn't work because the text inside the text-container is set to absolute. (for the animations) So I added an extra line in the CSS of the text-container: selector p { max-width: 65ch; } This will prevent the text to be longer than 65 "characters" per line. No need for media queries because you will never have that much characters on mobile. Would be really cool if this was possible with dynamic data.
@@franktielemans6624 that’s pretty cool actually, didn’t think of that .. It will be for dynamic and other types next year some time. I’m going to take all the designs and mods, strip them down to the core elements and divs, turning them into a working plugin for Elementor, then after that any designs I carry on publishing as videos, I’ll put into that same plugin ..
@@SAIDENNILI I did actually 🙂 How to Create a Blurry Header & Glowing Hover Effect in Elementor - Easy Wordpress Tutorial ua-cam.com/video/z2_R14ytG-A/v-deo.html
@ please how can i remove asta theme title from google search. when i search for my website it shows like this " Just another Astra Starter Templates site . help please 🙏🏻
@ I would have to see the website backend to know what’s going on hey .. There can be plenty that can cause it , from the default customizer or a setting , etc .. If you want then mail me and send me a temp user account in the mail and I can see what’s up
You are the absolute best. Please, I need your immediate assistance. I am looking for a theme called Amity. It is an Elementor Charity theme. Could you please assist me in getting it? (The nulled one if possible). I love you from Nigeria 🇳🇬.
@the_mig I watched it three times, that's the only issue. I named it right but there's no custom CSS for the buttons. Why code supposed to make it active maybe I can read it. The html widget?
@@doubleideatechnologies the css of reboot-slider-left and right , are in the Slider Container (reboot-slider) custom css code in line 46 and onwards. in the code part in html widget, its reference here ( and more ) $this.find('.reboot-slider-left').on('click', function(){ $this.find('.reboot-side-slider .elementor-swiper-button-prev').trigger('click') $this.find('.reboot-side-slider .elementor-swiper').trigger('mouseleave') }) my friend, I promise you have missed something hey.. the code doesnt need changing.. here is the page that you see me building in this video: rebootwebsites.co.za/templates/advanced-slider-with-card-carousel/
6:50 you gave it a padding in mobile mode, return to tablet mode for the padding and then return to mobile mode for another padding and delink it like there's no padding there before.
I don't understand
@@doubleideatechnologies sorry, it’s a very complex build to translate into Elementor for people to use ..
the first was not suppose to be mobile, it was for desktop ..
@@the_mig I think so and I did that.
Btw, the scroll buttons function now working, I had to put the video in 7.5× playback. The video is to fast and I'm not kinda used to your English accent.
Anyways, thanks a ton 🙏🏽
This is the first video of this slider that im able to make it work. Thanks man. you just earn a new subscriber. Amazing tutorial
Thanks .. there was a little tweaking to make it work for updated containers.. hence doing the video 🙂
Followed your instructions and it works great. Very smooth on mobile too. Thanks! Great work.
I also like the variables so you can play with it without messing up the CSS.
One thing I didn't like though was the text that takes the whole width of the left container. I'm a graphic designer and long lines make text harder to read.
So I tried to give the text-container that holds the text some padding at the right, but that didn't work because the text inside the text-container is set to absolute. (for the animations)
So I added an extra line in the CSS of the text-container:
selector p {
max-width: 65ch;
}
This will prevent the text to be longer than 65 "characters" per line.
No need for media queries because you will never have that much characters on mobile.
Would be really cool if this was possible with dynamic data.
@@franktielemans6624 that’s pretty cool actually, didn’t think of that ..
It will be for dynamic and other types next year some time.
I’m going to take all the designs and mods, strip them down to the core elements and divs, turning them into a working plugin for Elementor, then after that any designs I carry on publishing as videos, I’ll put into that same plugin ..
Omg I did it !! !Thank youu
@@GreenAerospace Congratulations!!
Hope you enjoy it.. 🙂
in 6:00 minutes what did you put min hight for mobile ?
sorry its 30, didnt edit it properly. But did mention it, just didnt have the visual
@@the_mig thank you ❤ i hope you can do a tutorial on that rounded edges header
@@SAIDENNILI I did actually 🙂
How to Create a Blurry Header & Glowing Hover Effect in Elementor - Easy Wordpress Tutorial
ua-cam.com/video/z2_R14ytG-A/v-deo.html
@
please how can i remove asta theme title from google search. when i search for my website it shows like this " Just another Astra Starter Templates site . help please 🙏🏻
@ I would have to see the website backend to know what’s going on hey ..
There can be plenty that can cause it , from the default customizer or a setting , etc ..
If you want then mail me and send me a temp user account in the mail and I can see what’s up
You are the absolute best. Please, I need your immediate assistance. I am looking for a theme called Amity. It is an Elementor Charity theme. Could you please assist me in getting it? (The nulled one if possible).
I love you from Nigeria 🇳🇬.
Sorry I don’t have that .. only use the Hello theme from Elementor ..
thank you, how can I make the slider work auto !?
No it was designed to be manual, you would have to add a script to auto “clicks” one of the trigger buttons to simulate auto
Awesome
The scroll buttons are not functioning
@@doubleideatechnologies then unfortunately you missed a step hey .. not sure where exactly but it might have been the naming you gave to buttons
@the_mig I watched it three times, that's the only issue.
I named it right but there's no custom CSS for the buttons.
Why code supposed to make it active maybe I can read it.
The html widget?
@@doubleideatechnologies the css of reboot-slider-left and right , are in the Slider Container (reboot-slider) custom css code in line 46 and onwards.
in the code part in html widget, its reference here ( and more )
$this.find('.reboot-slider-left').on('click', function(){
$this.find('.reboot-side-slider .elementor-swiper-button-prev').trigger('click')
$this.find('.reboot-side-slider .elementor-swiper').trigger('mouseleave')
})
my friend, I promise you have missed something hey.. the code doesnt need changing..
here is the page that you see me building in this video:
rebootwebsites.co.za/templates/advanced-slider-with-card-carousel/
brohhh