[resolved] overlapping images (3 posts)

  1. daloro
    Posted 2 years ago #


    your plugin is great and i really want it to work, but i keep getting an overlapping slice of a previous image in the slidesho at the very bottom of the slidesho container, and i have not been able to find a way to get it out. also, the first image in the slideshow shifts down like 40px, and then all the rest are at the specified height... any thoughts?


    all images are the same size, resolution, and i have done my absolute best to follow the instructions...

    help would be amazing!

    here's the link:



  2. Stefan Boonstra
    Plugin Author

    Posted 2 years ago #


    Slides that are not currently shown are hidden away below the slideshow. In your slideshow's custom stylesheet I see you set all image slides to move up 70 pixels:

    .slideshow_container_slideshow-jquery-image-gallery-custom-styles_1 .slideshow_slide_image {margin-top:-70px }

    This causes the overlap in images. If you want to move the slideshow up more, you should set its 'margin-top' value to 140 pixels, instead of the current 70 pixels.

    The first slide is moved down 100 pixels due to a styling rule defined in your theme's stylesheet:

    .content *:first-child {
    	margin-top: 100px;

    This rule selects the first child in the content area, which in this case happens to be the first slide in the slideshow. It then pushes it down. The rule can be found in your theme's stylesheet on line 645.

    Best regards,

  3. daloro
    Posted 2 years ago #

    thanks so much for the swift reply stefan, i really apprecite the support, and your time,

    your advice has worked perfectly!



Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Slideshow
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic