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 @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
-
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it