Carousel Addon Caption listed

[saonkeer]

Hi, I´m currently building a website for a client. https://www.paul-richard-keller.com/kreationen/#Ringefürzwei

The Carousel Addon shows the Caption listed?

Captions are not shown properly? I would like to have just one textline according to each picture. Could someone help me ?

Thanks you so much!

best, Paul

[mariusjopen]

Dear @saonkeer
you need to add the caption for each image in the Carosel.

You did that?

Best!

Marius

[saonkeer]

Hey Marius,

yes I added a caption for each image. New versions of Google Chrome work fine. Looks like its a problem for older OSX versions and some older browsers. Maybe you got an idea?

Best!

Paul

[mariusjopen]

Dear @saonkeer
there is an error on your page.
What extra plugins do you use?

Best!

Marius

[saonkeer]

Hey @mariusjopen
I use these:

-Akismet Anti-Spam
-Goldschmiede_Schriften #3758769 (myfonts pack)
-Lay Theme Carousel
-Lay Theme Fullscreen Slider
-Lay Theme Lightbox
-qTranslate-X
-Smart Cookie Kit
-WP Migrate DB

Hope you can help me

Thanks!

Paul

[mariusjopen]

Dear @saonkeer
mhm. That looks fine.
What custom code do you use?

Best!

Marius

[saonkeer]

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

[mariusjopen]

Dear @saonkeer
is the problem still there if you take out all the CUSTOM CODE?

Best!

Marius

[saonkeer]

Dear @mariusjopen

found the error. The link is wrong. I used an Ü in the Link looks like that was the problem:
https://www.paul-richard-keller.com/kreationen/#ringefürzwei

solved it with an UE. :D

Thanks for all,
Best !

Paul

[mariusjopen]

Dear @saonkeer
ah wow!

Glad you managed it.
Thank you for letting us know!

Best!

Marius