Hello! Is it possible to have an horizontal page? That instead of scrolling down it scrolls to the right, with the mouse wheel. I would love a video of that...
Hello :) Great tutorial thanks so much! Just one question - I am trying to do the effect in the nav bar but it won't work, is there anything different I'd need to do?
it should be similar, you can try the same code on other page, and if it won't work, try to find a typo. of no, it might be a z-index issue. try to increase it
Super! Do you think would be possibile to show multiple images on just a single line of text hovered? And also I'm wandering how to place them in random spots in the page! Thanks as always for your tutorials:)
Yes, you can add as many images one after another as you want an specify different classes for them. Then you need to write all these styles for each image, but change position values (top/bottom, left/right) to be different. You'd have to set the position for each image yourself to make them look "randomly" placed.
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.
the hoverable text i have is part of a marquee, any way to have the image not move alongside the marquee and instead remain fixed to the centre of the page?
I have two fonts which are the same size and line height. However, when I try to put them on the same line, it always causes a line break. I don't want this to be the case as one of them is supposed to indicate that there is a hyperlink. Is there a workaround this?
Hi, I'm having trouble getting the images to appear as the mouse moves along, the images appear as the mouse hovers but are fixed in one place on the webpage unlike in the video where it follows the mouse and the corresponding image appears. Is there something I should add to the CSS?
check my other videos, I'm explaining there how you can write styles that will be valid for mobile devices only. in short - you can add body.mobile in front of any css selector and write the styles that will rewrite the desktop ones
or you can hide hover wrapping all hover rules into @media (hover: hover) { .... } to make them work only on devices that support hover (if you want to prevent hover from happening on mobile)
@@MikeTVMedia I think you can make two pinned pages with different settings "show on mobile" and "show on desktop" for this situation. It will be easier that learn how media query works in css
Hi, i hope you can help me, i have follwed everything but when i pass the mouse nothing happens.. but i just began using cargo so i really dont understand it
I would pay for your lessons. You're definitely the best on here. Thank you!
this is exactly what i’ve been looking for thank youuuuu
Thank you for making Cargo videos!!!
We miss your Cargo Videos Xiu! Greetings
Hello! Is it possible to have an horizontal page? That instead of scrolling down it scrolls to the right, with the mouse wheel. I would love a video of that...
I love your Video !
Hello :) Great tutorial thanks so much! Just one question - I am trying to do the effect in the nav bar but it won't work, is there anything different I'd need to do?
it should be similar, you can try the same code on other page, and if it won't work, try to find a typo. of no, it might be a z-index issue. try to increase it
Super! Do you think would be possibile to show multiple images on just a single line of text hovered? And also I'm wandering how to place them in random spots in the page! Thanks as always for your tutorials:)
Yes, you can add as many images one after another as you want an specify different classes for them. Then you need to write all these styles for each image, but change position values (top/bottom, left/right) to be different. You'd have to set the position for each image yourself to make them look "randomly" placed.
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.
the hoverable text i have is part of a marquee, any way to have the image not move alongside the marquee and instead remain fixed to the centre of the page?
I have two fonts which are the same size and line height. However, when I try to put them on the same line, it always causes a line break. I don't want this to be the case as one of them is supposed to indicate that there is a hyperlink. Is there a workaround this?
Hi, I'm having trouble getting the images to appear as the mouse moves along, the images appear as the mouse hovers but are fixed in one place on the webpage unlike in the video where it follows the mouse and the corresponding image appears. Is there something I should add to the CSS?
I think there must be a typo somewhere, check your code and compare it to mine. If everything is the same, it should act the same too
Thanks ! How can i make it responsive with mobile ?
check my other videos, I'm explaining there how you can write styles that will be valid for mobile devices only. in short - you can add body.mobile in front of any css selector and write the styles that will rewrite the desktop ones
or you can hide hover wrapping all hover rules into @media (hover: hover) { .... } to make them work only on devices that support hover (if you want to prevent hover from happening on mobile)
Which video outlines this? I want to change the hover on desktop into an image gallery on mobile but can’t adapt the code for mobile
@@MikeTVMedia I think you can make two pinned pages with different settings "show on mobile" and "show on desktop" for this situation. It will be easier that learn how media query works in css
@@MikeTVMedia but this is the video about mobile css: th-cam.com/video/C9rIoGkQUWw/w-d-xo.htmlsi=FCwBWFAbYerFEV1A
Hi, i hope you can help me, i have follwed everything but when i pass the mouse nothing happens.. but i just began using cargo so i really dont understand it
In most cases there is a typo in the code, or the case is not 100% as it's shown in the video. I think you need to check the code once again first
I tried to do z-index 1; to achieve image in front of text. It's not working. My position is absolute. Any suggestions?
Try values more than 1
@@xiuweb I did, I also set my text z-index -1. Same issue.
@@Xavier-xo3xb I'm pretty sure this thing can be solved with z-index. send me the link, I'll have a look.