Yukon4 Yukon4 - 1 month ago 6
CSS Question

Re-position a video embedded in Wordpress page

I am trying to re-position a video that is embedded within a Wordpress page. I am trying to get the video to slightly overlap a slider that is at the top of the page. The end result would look something like this: http://www.munsonboats.com/.

Here is a rough draft of MY page with slider at top, and a video that I can't get to budge: http://harddrivemarine.com/DRAFT/?page_id=395.

Here is the div tag I have around the embedded video:

<div id="video-wrap"><iframe src="https://player.vimeo.com/video/140874518?byline=0" width="440" height="260" frameborder="0" allowfullscreen="allowfullscreen" data-mce-fragment="1"></iframe></div>.


What CSS is needed so that I can re-position this video so it is at the right and overlaps the slider by approximately half an inch?

Hope this makes sense! Thank you!

Answer

Here is the css Hope that will help.

#video-wrap{
  position: absolute;
  top: -170px;
  z-index: 999;
  right: 0;
}
h1{
  font-size:28px;
}

After putting that css your page will look like this

enter image description here

Comments