These are chat archives for idiot/unslider

13th
Nov 2015
Mike Resoli
@mikeres0
Nov 13 2015 11:05
Hey guys, I'm having a problem with multiple slides showing at once. Each slide is within it's own <li> tag, however each li element is showing beneath one another and unslider is initialising correctly. Any ideas what might be causing this?
Charlotte Swift
@idiot
Nov 13 2015 13:03
got a demo? sounds like there's no css
Mike Resoli
@mikeres0
Nov 13 2015 13:10
The CSS has loaded correctly. It's just a strange problem... On one of the sliders on my page, slides 1-4 work fine, but the slide 5 content is placed below the content for slide 4 ON slide 4. Slide 5 exists but has no content. All mark up is identical, I've even tried copy and pasting working <li></li> slides and placing in where slide 5 would be.
Charlotte Swift
@idiot
Nov 13 2015 13:10
is there a URL I can look at?
Mike Resoli
@mikeres0
Nov 13 2015 13:11
If you've got 5 minutes I'll set that up now
Charlotte Swift
@idiot
Nov 13 2015 13:13
yeah sure
Mike Resoli
@mikeres0
Nov 13 2015 13:14
Thanks man
Mike Resoli
@mikeres0
Nov 13 2015 13:19
From the homepage hit Industry, then ports. As you'll be able to see slide 5 is blank, but when using the inspector the content for slide 5 appears below the content on slide 4.
Charlotte Swift
@idiot
Nov 13 2015 13:20
ah got it
there's a margin-left: 10px on the slides that's throwing it off
set that to be padding and it works fine
Mike Resoli
@mikeres0
Nov 13 2015 13:22
Thanks a lot, I feel like I've wasted your time!
Charlotte Swift
@idiot
Nov 13 2015 13:23
haha it's alright, glad it was an easy fix
Mike Resoli
@mikeres0
Nov 13 2015 13:23
As am I! Cheers buddy
Mike Resoli
@mikeres0
Nov 13 2015 14:01
Mind I ask another few questions?
Charlotte Swift
@idiot
Nov 13 2015 15:07
yeah sure
Mike Resoli
@mikeres0
Nov 13 2015 15:12
I'm just uploading the source to the URL I sent earlier. I'm now having a problem with a different slider. It's initiating, but the slides are all mucked up again... This time I've removed all padding/margins that I wrote. Would you mind taking a look? From the homepage -> Industry -> Logistics
It's uploaded now
Charlotte Swift
@idiot
Nov 13 2015 15:14
that's weird
how are you calling it?
Mike Resoli
@mikeres0
Nov 13 2015 15:15
$(document).ready(function(){ $('.my-slider').unslider({ //animateHeight: true, nav: false, arrows: { prev: '<i style="color:#333" class="fa fa-arrow-left fa-2x"></i>', next: '<i style="color:#333;float:right" class="fa fa-arrow-right fa-2x"></i>' } }); });
I'm not calling it from an external file by the way
Charlotte Swift
@idiot
Nov 13 2015 15:17
Hm, that's really weird
Mike Resoli
@mikeres0
Nov 13 2015 15:18
That's what I thought... I've tried initiating that particular slider individually but to no avail
Charlotte Swift
@idiot
Nov 13 2015 15:20
so all the methods are working but for some reason it won't let jQuery apply CSS to those elements
Mike Resoli
@mikeres0
Nov 13 2015 15:24
How strange...
Couldn't be anything to do with using angular could it?