I uploaded a video to my WordPress site, added a single full width column, inserted a video element, then specified the URL for the video (https://staging.iam-3littlewords.com/wp-content/uploads/2025/03/I-Am-Action-1.mp4), and for some reason it has this black vertical line to the right of the video that is not there in the video itself.
How can I remove this vertical line?
View live (at the bottom of page): https://staging.iam-3littlewords.com/
Sample screenshot:
Hey Jusdem,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.avia-video, .avia-video iframe, .avia-video video {
background-color: #fff;
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Best regards,
Mike
That did the trick – thank you!
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike