[Stephanie DParticipant]

Hello,
I am using a vimeo on my home page. It is appearing to be full screen but I would like it to just appear as a normal sized video in the middle of the page. When I tried resizing the video to be smaller, the video appeared smaller with black bar stretching to the full width of the screen in the background. How can I remove this black bar?

site: http://stephanieldouyon.com/home

[ChristopherModerator]

Hi there,
Please add the following CSS code under Customize -> Custom -> CSS:

.player .video-wrapper,.player .outro-wrapper.in{
background-color:transparent;
}
div#player {
width: 600px;
margin: 0 auto;
}

Hope it helps.

[Stephanie DParticipant]

Hi, thanks for your help, but the code did not have any effect on my video. I went into the customizer and copied and pasted that code in the CSS box. If I was supposed to do something else, please let me know.

Alternatively, erhaps a code to divide that part of the page into 3 columns and putting the video in the center column would help? If that makes sense to you, would you mind providing me with such a code?

Thank you!

[ChristopherModerator]

Hi there,

Sorry ,it did not work,would you try this code instead:

#player, .fallback, body, html, iframe,.player .video-wrapper{
background-color:transparent;
}

@media (min-width:979px){
#player, .fallback, body, html, iframe {
width: 600px;
margin: 0 auto !important;
display: block;
}
}

This code should give a result like this :http://prntscr.com/577zog.

Hope it helps.

[Author]

Posts