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


    Is there a Quick CSS code I can use to add a border around a video embedded in the “Video” element?

    Also, I realize this may be too advanced, but is there a way to choose which frame in the video is used as the thumbnail/preview?



    Hey 500Webmaster,

    Could you provide us with a link to the site in question so that we can take a closer look please?



    Hi Rikard,

    The video is located under “See how it works”. As you can see, it’s easy to miss because it starts on a white frame and has no border.




    I loaded your web site and I can see the video player loading properly and some black border from all the sides
    Have you fixed the issue?

    Let us know if not, please provide us the browser checking also



    Hi Basilis,

    No the issue’s not yet fixed. You’re right though – there is a border, but it’s too small. I’d prefer to make it a few pixels thicker, if possible.




    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    div .avia-video .mejs-container {
        border: 3px solid red;

    Best regards,


    It works, thank you!



    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Adding border to video element’ is closed to new replies.