Hi. Any idea?
Where can we inspect that issue?
– ok i found your page tabijapon –
do you have a webp plugin installed? if i place an image element with enfold only and set the animation to “slightly zoom the image” – i do not have these bars.
Now i try to find out where it comes from…
Hi Gueenni07
Thank you very much.
Here it is https://tabijapon.com/circuits-sejours-japon-2/
Regards,
Xavier
see my edit above – posting the same time
try:
#top picture.avia_image {
display: flex !important;
}
and maybe you like to have more contrast on hovering the images:
#top a.avia_image .av-image-caption-overlay-center {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: grid;
margin: 5px 25px;
font-size: 1.2em
}
#top a.avia_image:hover .av-image-caption-overlay-center {
color: #940000;
background-color: rgba(255,255,255,0.6);
backdrop-filter: blur(4px);
}
#top .av-image-caption-overlay-center p {
margin: 10px 0 !important;
}
Hi,
It looks like Guenni007’s css removes the gray line, thanks for helping Guenni007.
Best regards,
Mike
Guenni007 you are a star.
Thank you very much.
