How To Create a Slider or Carousel in Minutes Using Glide.js

[@AllThingsTop5]

I was watching other carousel videos but could never get the code to work. This video was explained perfectly in just 12 minutes. Thank you!

[@ieatwebsites]

You welcome!

[@ВероникаТен-ф3л]

Hello, where did you get the files glide.core.min.css and glide.theme.min.css?

[@briannafoley1724]

You can search "glide js css cdn" and find links to the file contents. Create your own files in your local repository, and paste the content in.

[@williamshakespeare7741]

They already included CDN link for CSS files on setup section

[@alnazeer92]

I didn't finish the video yet (I'm at 4:02 ) but I wish if I can hug and kiss😚💖 you , cause this my third day looking for this masterpiece 💖🙌 . It's finally working . Keep good job bro 💖.

[@ieatwebsites]

😁 that’s awesome!!

[@tanjalengler4139]

Thanks a lot for this tutorial - just struggeled with a bootstrap solution, and this works great for a simple responsive carousel

[@ieatwebsites]

You welcome!!

[@solabiabraham6265]

Thank you for making this video…it’s really helpful

[@Deathvost]

This what i looking for. After 1 month Backlog try make layout for mobile and desktop within your perfect tutorial!. Thxx looking forward your next tutorial man 😁

[@ieatwebsites]

That awesome! You welcome 😁

[@jonathanpein8259]

I am struggling to download and import the Sass files ? Please can you explain how you did this

[@marianoavalos9809]

thanks bro, greetings from arg

[@СпартакСаргсян-с6с]

Первое видео где есно объясняет как создать слайд. Thank youuuuuuuuuuuu.

[@alexlions8633]

great tutorial I have ever seen )))

[@JohannaDeltaGrimaldi]

excelent video, super clear, very helpful, thanks a mil

[@LuanHenrique-pc3nn]

Thanks for this tutorial, you saved me 🙏

[@ieatwebsites]

You welcome!

[@klrbill]

One thing that's missing is... I've cooked JS but I'm not familiar this environment. I wish someone would allow everything you did assuming you were just working with html files. For example this environment seems to assume css source files are just loaded as part of the tool and using relative paths as of this files are in some known place. But where did the files come from and get placed assuming you want to install on a basic web server? Can these come in via CDN as well? So the thing is...I want to use this code but I don't know the assumed environment. How should I proceed?

[@style-it-up]

Hello, any help on how to download the sass file?

[@curiouscharvi21]

This was super helpful! Thank you!!

[@ieatwebsites]

You welcome!

[@sofiolaverry]

Thank you I'm definitely going to use that website a lot!!

[@ieatwebsites]

Awesome!

[@chhayhenglim6355]

I love your content

[@sandeshbhujang5397]

When i am using multiple glide bullets are not showing only on 1st glide slider its working fine pls help

[@jromero_]

Thanks! This is very helpful.

[@ieatwebsites]

You welcome! 😁

[@loganmurray1710]

I did everything you did exactly to a T. And I get to the point where it is just a 0 and the next and prev buttons but when I click them nothing moves. is something up with glide or me?

[@maeeshameem1578]

thanks a lot! it really helped me

[@ieatwebsites]

You welcome!

[@phalcom95]

it is possible to disable carousel just for desktop and enable on mobile?

[@IPlayWhatiLike]

Thanks for doing this, but please make things more noob friendly. It's probably really obvious how to unstuck my situation, but the part with the glide.core.min is getting me stuck. I still see the 0,1,2 stacked on top of each other and have tried to link this file in multiple ways. I obvciously am doing something wrong, but dont kow what. Please help. Thank you once again.

[@justenanderson]

Add it to your CSS file

[@alnazeer92]

Bro💖... can it work with bootstrap normally ??

[@jeancaretalmenar4373]

Hello good afternoon, I hope you are well, I consult you in the core.glide.css that you must create the import, do you only place an import line? because that exercise does not come out I tried it several times but google tells me that the file does not appear

[@dapidminiAiki]

thanks for the video. but I'm having trouble with the css.. can you attach the content of style.css and reset.css you used in this?

[@hammadahmad5383]

Hi Sir :) Can you tell me which font family you are using in the editor in this video, I really like it :) Btw awesome video 😊

[@ieatwebsites]

Fira Code. I have a whole video on how to install the font.

[@vngaminghindi2472]

I have pressed bell icon I came from notification 🤗❤🇮🇳 I love the way you post random tutorials that noone shares

[@ieatwebsites]

Thank you!!

[@stefanmrvic4652]

how can we make a hero section with a carousel with some text?

[@itshappening9760]

Make tutorial how to make the same slider as they had on the homepage with the same design ❤️

[@ytabarbanel]

Nice. How do you make the images change size as width of page changes? The library does not change the sizes. Also the theme places the right 'next' button at the end of the tracker regardless of whether the image reaches that horizontal position.

[@deliriousmansano4852]

Thank You it work! thank you so much!

[@ieatwebsites]

You welcome!!

[@EduardoGoncalvesSena]

Thanks from Brasil!

[@kaka0100]

SALVOU MY LIFE

[@mariaeduardacarvalho4938]

Simm mano incrível

[@ManishSingh-lk4qs]

Perfect bro...............

[@damg75]

Thanks a lot for the tutorial

[@ieatwebsites]

You welcome!

[@Franiveliuselmago]

Tried to make a carousel with text bellow the image and still fighting with it. Text is overflowing badly.

[@ieatwebsites]

Can you share the code?

[@Franiveliuselmago]

@@ieatwebsites it was a bug in one of the classes. Sorry I'm a n00b.

[@stazcar]

Thanks for making this. I got lost with the stylesheet. I have never used SCSS so probably a basic thing. How do you download the scss file? Why does the file on Github end in .scss but yours ends .css? I copied the scss into a css file but it spit out a ton of errors in the document. Can you share you exactly the code that is in your glide.core.min.css file?

[@ieatwebsites]

Don’t edit the core css files. Create your own CSS file and overwrite whatever you want.

[@stazcar]

​@@ieatwebsites OK, hmm. So I went to Github and copied the file "glide.core.scss" then pasted the code exactly into a file on my child theme called "glide.core.min.css" (I made no changes whatsoever). I referenced the glide.core.min.css file using 'src' in my header but it didn't take. Any idea where I went wrong?

[@Devortex117]

@@stazcar same problem here, did you solve it?

[@CrossCrusaders]

@@Devortex117 you need to convert .scss to .css using live sass compiler extension in visual studio code

[@vadimt9862]

Hey can u say me what a theme u have? purple classes

[@naren278]

Hi, Great video with a good explanation is always a winner. I want to know which is the best carousel Glide or Owl carousel? because both are doing the same. right?

[@ieatwebsites]

They are both good. You have to compare the options and use the one that works for you.

[@naren278]

@@ieatwebsites Thanks for the reply.

[@marialejandramolina]

Thank you so much!!

[@ieatwebsites]

You are welcome! 😊

[@olajideolatunji3984]

Thank you so much for this

[@ieatwebsites]

You're so welcome!

[@DiegoGuillermoSchmidt]

Can't make it work, i don't know why :(

[@alexfranco5831]

anyone using react and getting "TypeError: Cannot read properties of undefined (reading 'querySelector')"

[@jafa112]

i like this

[@sagarvaiyata9510]

what is in reset.css?

[@ieatwebsites]

It will reset the default browser css style.

[@olajideolatunji3984]

Can we use this on modal?

[@ieatwebsites]

I’m sure you can.

[@olajideolatunji3984]

@@ieatwebsites Alright thank you. I'll try that

[@robertolee4954]

Thanks my dude

[@ieatwebsites]

You welcome!

[@PixizLoove]

tnx tnx tnx !!! Perfect

[@ieatwebsites]

You welcome!

[@sandeshbhujang5397]

Supeb keep posting

[@ieatwebsites]

I will! 😄

[@sandeshbhujang5397]

How to use multiple slider on single age with bullets because When i am using multiple glide bullets are not showing only on 1st glide slider its working fine pls help

[@IvánMendez-p7g]

thank you

[@ГенаКирпиченко]

cool!!!

[@RbyLearning]

terrible library used splideJs instead

[@nomad5566]

Чётко, внатуре чётко