Carousel Addon Caption listed
-
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
-
Dear @saonkeer
you need to add the caption for each image in the Carosel.You did that?
Best!
Marius
-
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
-
-
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 DBHope you can help me
Thanks!
Paul
-
-
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
-
-
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ürzweisolved it with an UE. :D
Thanks for all,
Best !Paul
-
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it