FORUMS: list search recent posts

Responsive Embed Video Wordpress

COW Forums : Web Design

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Patrick MustainResponsive Embed Video Wordpress
by on Jan 21, 2015 at 9:00:23 pm


I'm not a programmer pr developer, I'm just trying to get some help with my portfolio site:

I'm using Hero theme, from Theme Trust, and it's a responsive theme, at least on the home-porfolio page, and the projects page, and videos embedded from either youtube or vimeo resize just fine. Here's an example:

But! On my "About" Page, I've embedded a video and it doesn't resize:

I've looked on other forums and found a number of suggestions with code included. I tried following the instructions from this post:

But apparently I'm missing something. The post above says:

" you need to add a containing wrapper around the iframe. Your markup would be as follows:"

So this is what it looks like on my website:

Then it recommends adding some code to the CSS style sheet. In the Appearance menu, I went to "Editor" which I'm pretty sure is the CSS stylesheet, and pasted the following code at the very bottom:

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;

.video-container iframe {
position: absolute;
left: 0;
width: 100%;
height: 100%;

There is clearly a step or process I'm missing. Does "adding" something to the CSS stylesheet involve more than simply pasting some code at the bottom?

I could use some help, and thanks so much!


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2016 All Rights Reserved