I'm trying to create my portfolio website and am totally clueless about all the css/html stuff, your tutorials are literally saving my life thank you 😭
Super helpful, thanks! I was wondering if you knew how to make it so the titles will appear hovering over the thumbnails as you demonstrated, but add additional captions under each thumbnail. How would you modify the tags? Or do it another way?
Im having trouble getting my thumbnails to allow me to link to another page. I want the user to be able to click the thumbnail image and be taken to another page. How do I do that/ is that possible?
Not sure if I can imagine making it work with Cargo stacked pages. Technically it's possible, but I'd rewrite the whole structure. So there is no easy way to do so
Thanks so much!!!!❤ Your videos are helping me to make my porfolio. Do you know ir is possible to put an image what ever you want in the thumnail index?
that's easy, you just need to add a class to an element (text or a link) that you want to stile. and than you need to write some css rules like .your-class:hover { color: red; } (or .your-class:hover { color: red !important; } if the first one doesn't work)
Thanks so much, I really appreciate the tutorial! I'm having a problem where my text all pools to the center and isn't attatched to my images, do you have a version of this without the grid element? just making an image with a hover button feature?
Thank you so much! Would it be possible to have titles and swapped images at the same time when hovering? in Cargo 3. I'm currently building a new portfolio site and your videos are priceless.
might be problematic, I'm not 100% sure about this image switch modification as it can drop easily if cargo will make changes to their code even slightly
Hi, I'm wondering if you know how to combine this effect with the following cursor effect so that the thumbnail title follows the cursor when you hover over the thumbnail?
@@xiuweb Hi thanks for your reply. I was able to get this idea (thumb titles following cursor) to work with a lot of help from chat GPT. But the weird thing is, if I return to the homepage after navigating away the JS code no longer works. Do you ever run into problems with JS code not working on cargo sites? I'm wondering if it's because of where Cargo places the within the HTML, but it doesn't seem like users can control that. I hope I'm not being annoying. I understand if you don't/can't reply, but thanks in advance if you do :)
@@bw-ko8ls There is an explanation for this, but it's too complex to explain in short. Generaly the problem is that this script is created once and don't run again when you go "history -> back". The solution depends on the context of your task. Sometimes you just need to add a popstate event, sometimes you need to add/remove listeners in the right time, and there are many more aspects. That's why I show mostly CSS tricks in my chanell. JS modifications are not for beginners.
This is GOLD, thank you!! I'm feeling very stupid to say this, but I can't seem to be able to change the thumbnail title from "page x" to the actual title I want, it just doesn't type.. Can you help me? tysm
Hello, can you please also do the thumbnails swapping image hover on cargo3 please. I have already saw your vid for cargo2 it is very helpful but sadly doesn't work with there version3.
No, I think you need a different code structure. I have a video for image galleries for cargo 2, the approach should be similar to what I explain there
Is it possible to do the same with images in Cargo 3? have a different image for each page of the thumbnail, like here: th-cam.com/video/41nq-w2ljCw/w-d-xo.html only for Cargo 3? Thanks :)
You are the best thing that has happened to my web developer career this year. Your videos are well explained and easy to follow. Thanks XIU
I'm trying to create my portfolio website and am totally clueless about all the css/html stuff, your tutorials are literally saving my life thank you 😭
You're awesome! Thanks for the tutorial!! Honestly I've been super lost trying to understand Cargo but this helped a ton.
Thank you so much. I have already spent a lot of time on this. I'm still in the same position. Hahaha. But you saved my time. Thank you!
Thank you!! I was trying to get this to work for so long but the background was misaligned and setting the margin to 0 did the trick!
this is amazing. would you possibly be able to make a video on how to customize the scroll buttons on a gallery in cargo?
Thank you so much!! You're a life-saver : )
Super helpful, thanks! I was wondering if you knew how to make it so the titles will appear hovering over the thumbnails as you demonstrated, but add additional captions under each thumbnail. How would you modify the tags? Or do it another way?
you can do it in a similar way as shown in the video, but instead of using .caption class, use .page-title class for titles, and .tags for tags
Im having trouble getting my thumbnails to allow me to link to another page. I want the user to be able to click the thumbnail image and be taken to another page. How do I do that/ is that possible?
Thanks a lot! you are the best for helping people with this :) Can you explain us how to do some hoover effects on texts? thanks a lot
THANK YOU
Hey, I love your videos! Do you know if it's possible to make stacked pages snap when you scroll through them?
Not sure if I can imagine making it work with Cargo stacked pages. Technically it's possible, but I'd rewrite the whole structure. So there is no easy way to do so
Thank you! @@xiuweb
Thanks so much!!!!❤ Your videos are helping me to make my porfolio. Do you know ir is possible to put an image what ever you want in the thumnail index?
I have a similar video for cargo 2, the principle will be the same. but I haven't tested it on cargo 3
Hello! I love your cargo tutorials, I was wondering if you could help or upload a video about hover color for text and links? Please!! and thank you
that's easy, you just need to add a class to an element (text or a link) that you want to stile. and than you need to write some css rules like .your-class:hover { color: red; } (or .your-class:hover { color: red !important; } if the first one doesn't work)
Thanks so much, I really appreciate the tutorial! I'm having a problem where my text all pools to the center and isn't attatched to my images, do you have a version of this without the grid element? just making an image with a hover button feature?
You can use this video as a base, but instead of an image, just place your text th-cam.com/video/HSNv2nhz33E/w-d-xo.htmlsi=NJ0ioZE6rlEqABpW
Thank you so much! Would it be possible to have titles and swapped images at the same time when hovering? in Cargo 3.
I'm currently building a new portfolio site and your videos are priceless.
might be problematic, I'm not 100% sure about this image switch modification as it can drop easily if cargo will make changes to their code even slightly
@@xiuweb Got it. It's a bummer : ( I really hope there's a way in cargo 3 that when hovering on an image, it plays a gif.
This is so so perfect. Thank you! Can you do a tutorial on adding a hamburger menu to the nav for mobile and skinnier windows?
I think there is a native cargo feature for burger menu. or what do you mean?
Hi, I'm wondering if you know how to combine this effect with the following cursor effect so that the thumbnail title follows the cursor when you hover over the thumbnail?
yes, you can do that, but it's hard to explain in short
@@xiuweb Hi thanks for your reply. I was able to get this idea (thumb titles following cursor) to work with a lot of help from chat GPT. But the weird thing is, if I return to the homepage after navigating away the JS code no longer works. Do you ever run into problems with JS code not working on cargo sites? I'm wondering if it's because of where Cargo places the within the HTML, but it doesn't seem like users can control that. I hope I'm not being annoying. I understand if you don't/can't reply, but thanks in advance if you do :)
@@bw-ko8ls There is an explanation for this, but it's too complex to explain in short. Generaly the problem is that this script is created once and don't run again when you go "history -> back". The solution depends on the context of your task. Sometimes you just need to add a popstate event, sometimes you need to add/remove listeners in the right time, and there are many more aspects. That's why I show mostly CSS tricks in my chanell. JS modifications are not for beginners.
you are amazing! thank you so much!!!
This is GOLD, thank you!!
I'm feeling very stupid to say this, but I can't seem to be able to change the thumbnail title from "page x" to the actual title I want, it just doesn't type.. Can you help me? tysm
The thing is that you cannot change it, the title will be the title of this page, so you have to change the page name
@@xiuweb ooh I see. Well thank you so much!
Hi there! I got this working but when I have multiple indexes filtered by tags it stops working. Is there a fix to that?
send me the link to this page and I'll try to help
Great tutorial
Thanks a lot!
amazing!! thank you!!
Hello, can you please also do the thumbnails swapping image hover on cargo3 please. I have already saw your vid for cargo2 it is very helpful but sadly doesn't work with there version3.
Great!!! thanks!!!!!
Hi, how do I do this with regular videos that are in columns - would I have to insert each video into the thumbnail index?
No, I think you need a different code structure. I have a video for image galleries for cargo 2, the approach should be similar to what I explain there
thanks! please could you link this tutorial as I cannot seem to find it@@xiuweb
th-cam.com/video/hU170_6bSmc/w-d-xo.htmlsi=dhWBoO8rHO9I49oG @@charlieblunden7003
Is it possible to do the same with images in Cargo 3? have a different image for each page of the thumbnail, like here: th-cam.com/video/41nq-w2ljCw/w-d-xo.html only for Cargo 3? Thanks :)
yes, the selector can be a bit different though. I'll try to record a similar video
@@xiuwebthank you!!
Promo-SM 😬
Amazing! Thanks