Small gap on the bottom when add 'sp-padding'

[tofanelli]

hey guys...

how's going? Hope ok...

Look, I loved the 'example5' layout, but I think the 'example3' caption amazing. So, I got the caption from 'example3' ((inside the photo, the animated one)) and pasted into the same place on 'example5'
<p class="sp-layer sp-white sp-padding" data-horizontal="50" data-vertical="50" data-show-transition="left" data-show-delay="400"> Lorem ipsum </p>

To clarify

always make a 20px gap between the larger photo and its container.... what it can be and how to fix this, please?

cheers =)

[tofanelli]

the same happens when add a black caption to the imagem, take a look in this code
<div class="sp-slide">
<img class="sp-image" src="assets/images/blank.gif" data-src="http://bqworks.com/slider-pro/images/image1_medium.jpg" data-retina="http://bqworks.com/slider-pro/images/image1_large.jpg" />
<p class="sp-layer sp-white sp-padding" data-horizontal="0" data-vertical="80%" data-show-transition="up" data-show-delay="450">Lorem ipsum</p>
<p class="sp-layer sp-black sp-padding" data-position="bottomLeft" data-vertical="0" data-width="100%" data-show-transition="up" data-show-delay="350"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

I still get a 20px gap, and when I go to the second slide and returns to the first one, this 20px gap disappears and comes a 2px gap instead....

Cheers =)

[davidghi]

Hi. I can't replicate the problem. Can you put your example online so I can take a look at it?

Cheers!

[tofanelli]

Hey man!

Of course! Here it go! Please, pay close attention when you enter at the first time in the slide, because it is when happens... at the second time you go in it, doesn't happens

Codepen

And for some black sorcery magic, the 20px gap doesn't "stay" as I stated at the beginning, but it still happens, as you can see in the provided example.

Cheers =)

[UmbrellaProject]

I'm having the same issue, did you find a fix for that ?
it only happens with using layers. and in vertical mode.
in your codepen example it auto corrects itself, in my site it just stay there.
something with the absolute position of the layers.