Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1490788

    Hi,
    Every time I publish an image I have this grey line at the bottom.

    Can’t get rid of it Screenshot

    Any idea.

    Thank you

    Xavier

    • This topic was modified 2 weeks, 6 days ago by koomo.
    • This topic was modified 2 weeks, 4 days ago by koomo.
    #1490830

    Hi. Any idea?

    #1490832

    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…

    #1490833

    Hi Gueenni07
    Thank you very much.
    Here it is https://tabijapon.com/circuits-sejours-japon-2/

    Regards,
    Xavier

    #1490834

    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;
    }
    
    #1490843

    Hi,
    It looks like Guenni007’s css removes the gray line, thanks for helping Guenni007.

    Best regards,
    Mike

    #1490864

    Guenni007 you are a star.

    Thank you very much.

    #1490869

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.