Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #20004


    I am trying to remove the letter-boxing that happens when you embed a video into a portfolio.

    I followed another Help Topic here, but ended up hitting a dead end: (Purchase code hidden if logged out) -thumbnail/page/2

    Right now, if you click my video thumbnails (Andrew Alison Interview and Flashlight) the video plays without letterboxing. If you resize the window it will throw the video off.

    Also if you open the website on anything that doesnt give you a full window, the video will be thrown off inside its container.

    Here is the custom CSS code I am using (found from the other Topic

    #top.home .slideshow_media_wrap {

    background-color: white !important;


    #top .slideshow li iframe {

    height: 337px !important;

    width: 600px !important;

    position: relative;

    display: inline-block !important;

    background-color: white !important;

    overflow: hidden;


    Is there anyway to make it so the video stays centered in the container while in a smaller browser window?

    You can check out how it looks here:



    I stumbled upon part 2 of the Topic I linked. It seems like there was never a fix found for the resizing issue.

    If that ends up being the case – is there an easy way I can change the color of the letterboxing from black to white?


    Hi cbohaty,

    As far as I know the only solution is exactly as you’ve done which is to define the heigh and width exactly to force it to the size you want.

    I’m not actually getting any visual change with the video container now on mobile, tablet or pc screen sizes now.



Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Video Letterboxing Issues’ is closed to new replies.