Hi!
I'm trying to use the slider-canvas-pagination template with a side-header. But when changing the body class to "streched side-header" the pagination and slide-numbers are not shown.
The same error is when using the slider-canvas-video-event template.
I'm using Canvas 5.9. but no ideas how to fix this.
Hello,
Simply removing the .transparent-header Class from the #header Element will fix this. We would rather recommend to Copy the Slider Codes and paste in the Side Header Templates.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hi! Thank you for the quick response :)
I've already tried to copy & paste the slider code.
My approach was:
My site is based on the one-page op-side-header template -> copied the Slider-Code from slider-canvas-autoplay -> fixed the paths to the images and videos. But here only pagination is shown but no content ( images nor text ) at all -> the slider area remains black.
Only thing i found out is -> as soon i'm adding data-XYZ parameters it will screw up the slider:
<section id="slider" class="slider-element slider-parallax swiper_wrapper full-screen clearfix" data-autoplay="7000" data-speed="650" data-loop="true" > ....original code from slider-canvas-autoplay template -> pagination only and no content is shown </section>
<section id="slider" class="slider-element slider-parallax swiper_wrapper full-screen clearfix" > ....deleted data-XY parameters from slider-canvas-autoplay template -> pagination is shown BUT only content of the first slider is shown..slide 2 & 3 stay black </section>Any ideas what i'm doing wrong ?
Hello,
Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. 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.
Hi!
Sorry can't provide a Live-Link yet...i'll try to do so later today.
But as i updated my previous post:
Using the op-side-header template an copy the slider code from the slider-canvas-autoplay. The error seems to be related to the section's data-parameters.
<section id="slider" class="slider-element slider-parallax swiper_wrapper full-screen clearfix" data-autoplay="7000" data-speed="650" data-loop="true" >
...original code from slider-canvas-autoplay template -> pagination only and no content is shown
</section>
<section id="slider" class="slider-element slider-parallax swiper_wrapper full-screen clearfix" >
...deleted data-XY parameters from slider-canvas-autoplay template -> pagination is shown BUT only content of the first slide is shown, slide 2 & 3 stay black
</section>So now it's online :)
Swiper Error
Hello,
Okay, so here is the thing. We have checked out your Website and the issue is that the css/swiper.css File has not been linked in the Document <head> like the other Swiper Slider Template which was causing the issue. Simply add the following Code after the style.css CSS File Linking:
<link rel="stylesheet" href="css/swiper.css" type="text/css" />and everything else should work great. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Oh, little stupid me - sorry :-/
Thank you for your assistance !
Hello,
Glad that your issues were resolved. Very Happy to Help!
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
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