How To Remove Black Border From Video

Topic summary

A user is experiencing an issue with black borders appearing around a video on their Shopify site. The video was uploaded to Vimeo and embedded via a shared link, but the black borders only appear on the Shopify site, not in the original video.

Attempted Solution:
PageFly support (Noah) provided a CSS fix with these steps:

  • Navigate to Online Stores > Themes > Edit code
  • Add custom CSS code to the theme.liquid file above the tag

Current Status:
The solution did not fully resolve the issue. The black lines persist, and the fix is not working on desktop. The user is requesting additional help to solve the problem.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.

I Want To Remove This Black Border From My Video I Had Uploaded That Video To Vimeo And From Their I Shared Link To Shopify Site To Showcase Video But In Video There Is No Black Border But When I Upload It To Shopify That Black Border Is Coming, So How Can I Solve This?

URL : Plugmydrip.com

I Don’t Want THIS Black Border On My Video

This is Noah from PageFly - Shopify Page Builder App

Hi @Emiway Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag


Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

Still The Black Lines Are Showing And Also It’s Not Working On Dekstop. can you please solve it