WordPress.org

Ready to get started?Download WordPress

Forums

Video Postion (2 posts)

  1. goliathgames
    Member
    Posted 1 year ago #

    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 page. For some reason though when I do this I get what you see linked.
    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;
    }
  2. Manoj H L
    Member
    Posted 1 year ago #

    i got 404 error..

Topic Closed

This topic has been closed to new replies.

About this Topic