I modified the template (template.css, templateDetails.xml and index.php) for adding a new position I called slideshow2. When I view the page in the browser between modules slideshow2 and "home cl / cr" there's a transparent strip in which I see the contents of the footer. How can I fix the problem?
Here is the modified code
template.css
#jf-slideshow2 {
background-clip: border-box;
background-color: #00446D;
background-image: url(../images/banner_ORIG.jpg);
background-origin: padding-box;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;
z-index: 50;
}
index.php
<?php
if ($menu->getActive() == $menu->getDefault()) : ?>
<div id="jf-slideshow">
<div class="main clearfix">
</div>
</div>
<div id="jf-slideshow2">
<div class="main clearfix">
</div>
</div>
<?php endif; ?>
Thanks in advance