By criste on

My slideshow view block is displayed over content.
Can anyone help me?
Look here: http://www.flickr.com/photos/67391132@N02/6136139262/in/photostream/
And here: http://www.flickr.com/photos/67391132@N02/6135628301/in/photostream

⋅ Categories: Drupal 7.x

Comments

nevets’s picture

nevets commented

Which slideshow are you using and how are you placing the block?

criste’s picture

criste commented

I using Views Slideshow.
I have created slideshow with views 3 and jquery cycle , i set display to block and i place the block in region content.
http://www.flickr.com/photos/67391132@N02/6136675050/in/photostream/
Anywhere I place the slideshow block obtain th same result.
I using a zend subtheme.

nevets’s picture

nevets commented

Any chance you can provide a link to the site? I would use firebug to examine the css.

silkAdmin’s picture

silkAdmin commented

Did you use some custom CSS on the slideshow warper ? Seems to me like it absolutely positioned. If not try to put a warper around it with a position:relative

criste’s picture

criste commented

Yes, is absolutely positioned in this file "jquery.cycle.all.min.js".

var first = 0;
$slides.css({position: 'absolute', top:0, left:0}).each(function(i) {
$(this).css('z-index', els.length-i)
});

I tried to modify and i broke the slide.
I wnat to override this views block slideshow, but I don't know how to make this..
I not use custom css.

I can't post a link to site because is a local site, maybe to upload to a free server but I dont know where.
This is html from firebug:

nevets’s picture

nevets commented

From silkAdmin comment, try adding this css

#views_slideshow_cycle_main_slideshow-block {
  position: relative;
}
criste’s picture

criste commented

This is html from firebug:
http://www.flickr.com/photos/67391132@N02/6136887920/in/photostream/
http://www.flickr.com/photos/67391132@N02/6136365287/in/photostream

I added this css rule but nothing happen.

#views_slideshow_cycle_main_slideshow-block {
  position: relative;
}
KG2’s picture

KG2 commented

I had the same problem. I added the following to my style.css

   .views_slideshow_singleframe_slide {
     position: relative !important;
    }

which corrected the slideshow positioning (previously over and under content and menus), however it appears to have affected the slide transition: instead of 'fade' the new slide opens below the current slide before gliding into position.

Re-posted this comment in the Views Slideshow issues, Override "position: absolute" from inline CSS - alters slide transition
Will follow up there.