9 replies · opened Dec 30, 2022
Hi,
I’d like to have an automatically moving set of two or more full screen images on my home page, basically an automatic slider without the arrows. How can I achieve this?
The closest to this among your demos is https://preview.themeforest.net/item/canvas-the-multipurpose-html5-template/full_screen_preview/9228123?_ga=2.245395396.1581356479.1672402046-679503202.1672402046
Many thanks, best,
Maciek
Hello,
This is already possible out of the box. You can simply use the Default Canvas Swiper Slider: https://themes.semicolonweb.com/html/canvas/index.html, then simply add the data-autoplay="5000" and data-loop="true" Attributes to the .slider-element DIV. And to disable the Arrows, simply remove the following codes:
[ch_pre]
[/ch_pre]
That's it! Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hi,
I tried to copy the slider section from the Default Canvas Swiper Slide index.html into my existing page using the same text on all slides and collage1/2/3 images as three slides but something gets scrambled in the process, your help would be appreciated. Perhaps a simpler background image swapping would be more suitable here?
https://secure264.inmotionhosting.com/~park2n5/index.html
Many thanks,
Maciek
Hello,
Can you point us to the exact issue with a Screenshot? Please consider fixing the Validations first: https://validator.w3.org/nu/?doc=https%3A%2F%2Fsecure264.inmotionhosting.com%2F~park2n5%2Findex.html as this might fix any unexpected issues you are having. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
OK, I made it work, a missing <link rel="stylesheet" href="css/swiper.css" type="text/css" /> tag was the culprit though with this tag the swiper images don't extend full screen to the bottom on mobile and the footer sticks out, see the attached screen shot, any chance to remedy that?
https://secure264.inmotionhosting.com/~park2n5/
Thanks,
Maciek
Hello,
Replace min-vh-60 min-vh-md-100 with min-vh-100.
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Yes, it does! Is there any way to bump the caption text up?
Hello,
You can consider trying:
[ch_pre type="css"]@media (max-width: 991.98px) {
#header {
z-index: 299;
}
#header + .include-header {
margin-top: -101px;
}
}[/ch_pre]
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
You rock! Many thanks, review coming up...
Thank You so so much for the Kind Review! :)
Very Happy to Help! :)
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard