Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 23, 2025 at 12:35 am #1487136
    tiadrop

    Hello

    I gradded the code below from one of the posts on videos.
    .avia-video, .avia-video iframe, .avia-video video {
    background-color: #ffffff;
    }
    I added this code and it removed the black boarder that was on the video on my site. I changed the color to white so it looked clean. Now I need some help because I have a huge white space where the black border was around the video (btw- the video ratio was 16:9). Can you please provide some more code or help me reduce size of the white space between my video and the menu and space below the video? I have linked the website below its on the home page and the credentials.

    July 23, 2025 at 7:06 am #1487139
    Ismael

    Hey Maggie,

    Thank you for the inquiry.

    We couldn’t find the video on the home page or anywhere else on the site. Would you mind providing a screenshot of the issue or a direct link to the page containing the video element?

    Best regards,
    Ismael

    July 23, 2025 at 2:45 pm #1487158
    tiadrop
    This reply has been marked as private.
    July 24, 2025 at 4:57 am #1487171
    Ismael

    Hi,

    Thank you for the screenshot. We initially thought the first section contained a static image. To adjust the size of the video, try to add this css code.

    #top .avia-video .mejs-container, #top .avia-video .mejs-container video {
    object-fit: cover;
}

    View post on imgur.com

    Best regards,
    Ismael

    July 25, 2025 at 7:35 pm #1487237
    Guenni007

    But main reason is that it is not a 16/9 aspect ratio video.
    Enter on that Video Aspect Ratio Field : 1920:814

    and remove that object-fit: cover rule – and even the background-color could be removed – everything fits with the right aspect-ratio

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