Title: Video Postion
Last modified: August 21, 2016

---

# Video Postion

 *  [goliathgames](https://wordpress.org/support/users/goliathgames/)
 * (@goliathgames)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/video-postion/)
 * We had a website designed for us through WordPress a while back and I have been
   asked to move a video so that it is more centered for the [http://www.popthepig.com/howtoplay](http://www.popthepig.com/howtoplay)
   page. For some reason though when I do this I get what you see linked.
    [http://www.popthepig.com/443-2/](http://www.popthepig.com/443-2/)
   The html used to create this is `<div class="howtoplay-video" style="padding-
   left: 150px;"><iframe src="//www.youtube.com/embed/5FNqczmbnKA" frameborder="
   0" width="380" height="260"></iframe></div>` I found in the CSS Stylesheet where
   the video is, but I am not sure what I need to do to get the video to be in front
   of the video background like on all the other pages. Below is the CSS. Let me
   know if something else is needed or I need to look elsewhere to fix this.
 *     ```
       .home-content
       {
   
       width:956px;
       height:615px;
       margin-top:-240px;
       }
       .home-video
       {
       float: left;
       height: 255px;
       padding: 318px 35px 0;
       width: 410px;
       }
       .sold-title
       {
       float: right;
       height: 285px;
       right:22px;
       width: 400px;
       position:absolute;
       text-align:right;
       }
       .sold-title .textwidget
       {
       text-align:right;
       }
       .rules_f
       {
       background-image: url(“images/pig.png”);
       background-position:right bottom;
       background-repeat:no-repeat;
       bottom: 80px;
       float: left;
       height: 361px;
       position: absolute;
       width: 950px;
       /* z-index: 150;*/
       }
       .title-story
       {
       background-image:url(‘images/story_title.png’);
       background-repeat:no-repeat;
       width:298px;
       height:120px;
       position:absolute;
       left:22px;
       top:120px;
       }
       .title-howtoplay
       {
       background-image:url(‘images/howtoplay_title.png’);
       background-repeat:no-repeat;
       width:210px;
       height:120px;
       position:absolute;
       left:22px;
       top:120px;
       }
       .title-video
       {
       background-image:url(‘images/video_title.png’);
       background-repeat:no-repeat;
       width:298px;
       height:120px;
       position:absolute;
       left:22px;
       top:120px;
       }
       .title-faq
       {
       background-image:url(‘images/faq_title.png’);
       background-repeat:no-repeat;
       width:298px;
       height:120px;
       position:absolute;
       left:22px;
       top:120px;
       }
       .title-buyit
   
       {
       background-image:url(‘images/buyit_title.png’);
       background-repeat:no-repeat;
       width:460px;
       height:320px;
       position:absolute;
       left:80px;
       top:100px;
       }
       .story-video-text{
       display: block;
       float: left;
       position: relative;
       width: 465px
       }
       .story-video{
       position:relative;
       background:url(images/storyvideo_bg.png) no-repeat;
       width:390px;
       height:290px;
       display:block;
       float:right;
       padding:14px 20px;
       }
       .howtoplay-video{
       position:relative;
       background:url(images/storyvideo_bg2.png) no-repeat;
       width:390px;
       height:290px;
       display:block;
       float:right;
       padding: 10px 30px 30px 30px;
       }
       ```
   

Viewing 1 replies (of 1 total)

 *  [Manoj H L](https://wordpress.org/support/users/manojhl123/)
 * (@manojhl123)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/video-postion/#post-3973901)
 * i got 404 error..

Viewing 1 replies (of 1 total)

The topic ‘Video Postion’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [css troubleshooting](https://wordpress.org/support/topic-tag/css-troubleshooting/)
 * [html](https://wordpress.org/support/topic-tag/html/)
 * [troubleshooting](https://wordpress.org/support/topic-tag/troubleshooting/)

 * 1 reply
 * 2 participants
 * Last reply from: [Manoj H L](https://wordpress.org/support/users/manojhl123/)
 * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/video-postion/#post-3973901)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics