Rev slider showing weird spot that I cannot locate with developer tools

[fatcatgraphics]

Hey,

I created a slider on my homepage here: http://pzu.a90.myftpupload.com/

and as you see in the attached photo the main image is peaking out below the padding of the thumbnails. Im using the inspector to try and adding padding to either area to get rid of this.

Ive tried:

.tp-span-wrapper {
padding:0px 0px 0px 5px!important;
margin-left:55px;}

div#slide-3425-layer-3 {
margin-right:130px!important;
}
But when I make my screen smaller they go back to overlapping. What am i doing wrong???

ALSO, in that same area below the thumbnails there is some padding. The last thumbnail is not going down to the bottom. Ive tried a bunch of things but cannot figure out whats preventing it from displaying the full height.

TIA,
Rena

[Alaa]

Hi Rena,

I’ve checked your website and I can see you have added this code snippet:

.tp-span-wrapper {
     padding:0px 0px 0px 5px!important;
}

you need to replace it with this one:

.tp-span-wrapper {
    padding-top: 0!important;
    padding-bottom: 0!important;
    max-height: 100%!important;
    height: 100%!important;
}
.tp-thumb-mask {
    height: 100%!important;
    max-height: 100%!important;
    margin-top: -5px;
}

That should do the trick, as this is all custom development, regretfully we wont be able to assist further. Custom development is outside the scope of our support. We are happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation. And moreover, this solution may not work after several updates especially if the themes structure changed or overridden.

I’ll list below some CSS/HTML resources that should help you to carry on these modifications on your own in the future:

Thanks.

[fatcatgraphics]

Ohh ok i see what i was doing wrong. I appreciate all the help

Rena

[Prasant]

You are most welcome.