Hi @mariusjopen
I used this code in Custom CSS:
#footer-region {
z-index: 1000;
}
.lay-hr {
height: 2px;
background-color: #d4af37;
}
.lay-carousel.fadeSlider.fading .lay-carousel-slide.transition
{ transition: opacity 8000ms ease-out;}
.img {
z-index:1;
}
.img a img{
transition: all 300ms ease;
}
.img:hover .img{
filter: brightness(50%);
}
.img .caption{
opacity: 0;
transition: opacity 300ms ease;
}
.img:hover .caption{
opacity: 1;
}
.caption{
text-shadow: 0px 0px 0px 10px rgba(0,0,0,0.56);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
z-index:2;
}
and this in Custom <head> content
<script>
window.laytheme.on('newpageshown', function(){
if(window.location.hash.length > 0){
var id = window.location.hash;
if(jQuery(id).length > 0){
jQuery('html, body').animate(
{ scrollTop: jQuery(id).offset().top },
{ duration: 1200 });
}
}
});
</script>
Best!
Paul