How do i move down the youtube video

Question

0.00/5 (No votes)

See more:

So my friend provided me with a html / css project because im learing and i know the basics so its fine but I really cant seem to understand how to move down the youtube video a few px, I cant seem to find what I did wrong, like its positioned very close but I cant move it further down. Any suggestions?
by all means im not asking for you to do this for me, im just asking for help on how to solve it.

The CSS File

CSS

/* normalize.css */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
	font-family: 'Montserrat', sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body,iframe,widget,a,container , name , wrapper {
    font-family: 'Montserrat', sans-serif !important;
	font-size:12px;
	background-color:#ffffff;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.optin {background: white;margin-top:-5px;width:87%;margin-left:1px;padding-top:32px;padding-bottom:31px}
.optin input{margin: auto;display: table;}
.main-page {width:100%;}
.header-container{background-color: #fff; width:100%; text-align:center; margin:15px 0;}
.header-banner{width:100%; background-color:#33CCC7; margin-top: -16px; border-top:1px solid #339966; position: relative;}
.header-banner:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 

.body-wrapper{width:840px; margin: 0 auto;}
.body-wrapper h1.headline {font-size:33px; font-family: 'Walter Turncoat', cursive; font-weight:700; color:#FFF; text-align:center; width:100%; line-height:27px; padding:0px; margin:31px 0 0 0; border-bottom:2px dotted #ffcc33; padding-bottom:31px;}

.video-main{margin: 38px 0 35px; display:inline-block; width:100%;}
.video-left { float:left; }
.video-right {float:right; width:53%; margin-right: -77px;}
.video-right ul {list-style:none; padding:0px; margin:0px;}
.video-right ul li {font-family: 'Montserrat', sans-serif; font-weight:500px; color:#FFF; background:url(../img/right-bg.png) no-repeat; padding:0 0 4.4% 38px; line-height:20px;}


.imgma1{margin-bottom: 14px; margin-left: 40px;}
.imgma2{margin-bottom: 12px; margin-left: 40px;}
.imgma3{margin-bottom: 14px; margin-left: 42px;}


.content-bg {width:100%; background-color:#f8f8f8; border-bottom:1px solid #efefef; padding:14px 0 ; display:inline-block;}
.content-center {margin:0 auto; width:740px; }
.should-text {width:31%; float:left; font-size:16px; font-family: 'Montserrat', sans-serif; font-weight:400; color:#000; background:url(../img/should-text-bg.png) right no-repeat; padding:18px 50px 0 0; height:88px; line-height:20px; }
.send-button { float:right; width:55.5%; margin-top:5px;}
.send-button a { width:92%; display:inline-block; padding:18px 0 15px 0; text-align:center; border-bottom:2px solid #ff9900; border-radius:6px; text-transform:uppercase; font-size:22px; color:#FFF;  font-family: 'Montserrat', sans-serif; font-weight:700; background-color:#ffcc33;  text-decoration:none;}
.send-button a:hover { background-color:#3366cc; border-bottom:2px solid #003399;}
.send-button a span { padding:0; text-transform:uppercase; font-size:40px; line-height:24px; color:#FFF; font-family: 'Montserrat', sans-serif; font-weight:300; margin:0 0 0 3px; position:relative; top:1px;}
.send-button p {color:#000; font-size:12px; font-family: 'Montserrat', sans-serif; font-weight:300; line-height:16px; margin:10px 0;}

.mentioned-logo {margin:0 auto; width:960px; text-align:center;}
.mentioned-logo h2.title {font-size:30px; color:#000; font-family: 'Montserrat', sans-serif; font-weight:700; text-align:center; width:100%; text-transform:uppercase; margin:35px 0 23px;}
.mentioned-logo ul {margin:0px; padding:0px; width:100%;}
.mentioned-logo ul li { display:inline-block; width:23.2%; margin:0 1.7% 0 0; list-style:none; padding:0px; border:1px solid #e6e6e6;}
.mentioned-logo ul li img {width:100%;}
.mentioned-logo ul li.last {margin:0%; }
.mentioned-logo ul li.last img {width:100%;}
.footer-container{ 	border-top: 1px solid #efefef; 	background-color: #e1e1e1; 	 text-align:center; margin-top:3px; padding:15px 0 ; color:#000; font-size:12px; ont-family: 'Roboto', sans-serif; font-weight:400;}
.footer-container a {color:#000; text-decoration:underline; font-size:12px; ont-family: 'Roboto', sans-serif; font-weight:400; text-transform:uppercase;}
.footer-container a:hover {text-decoration:none;}

	/*  --------------------------------------------------
    Reveal Modals
    -------------------------------------------------- */
        
    .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #fdfdfd; background: rgba(0,0,0,.7); z-index: 9998; display: none; top: 0; left: 0; }
    .reveal-modal { visibility: hidden; top:607px !important; left: 45%; width:758px; margin-left:-285px; padding-top:23px; background: #fdfdfd ; position: absolute; z-index: 9999; box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.4);border-radius:6px; }
    .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: -10px; right: -10px; color: #aaa; text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; } 
/*  --------------------------------------------------
    Popup Styles
    -------------------------------------------------- */

.popup { width: 100%; text-align: center; overflow: hidden;  }
.popup .popup-headline { font-size: 26px; text-align: center; font-weight: normal; padding: 6px 14% 16px; margin: 0 0 0 -7px; word-spacing: 1px; font-family: 'Montserrat', sans-serif; font-weight:400; color: #999999; line-height:30px; white-space: pre-line; }
.popup p { font-family: 'Montserrat', sans-serif; font-weight:400; color: #333333; font-size: 26px; padding: 10px 0 14px 0; }
.row { width: 84.9%; margin: 5px auto;}
.row input { border: 1px #cacaca solid; *border: 1px #cacaca solid; width: 90%; font-size: 22px; line-height: 26px; color: #cacaca; padding: 10px 21px 10px; background: #f8f8f8; background: -moz-linear-gradient(top,  #fcfcfc 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%); background: -o-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%); background: -ms-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%); background: linear-gradient(to bottom,  #fcfcfc 0%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fefefe',GradientType=0 ); border-radius:4px; font-family: 'Montserrat', sans-serif; font-weight:400;  }
.name{margin-bottom: 12px;}
.submit { padding: 5px; margin: 16px auto 22px; display:inline-block; width:52%; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1); background: #fedd00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWM2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #FBB914 0%, #ffb600 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBB914), color-stop(100%,#ffb600));
	background: -webkit-linear-gradient(top,  #FBB914 0%, #ffb600 100%);
	background: -o-linear-gradient(top,  #FBB914 0%, #ffb600 100%);
	background: -ms-linear-gradient(top,  #FBB914 0%, #ffb600 100%);
	background: linear-gradient(to bottom,  #FBB914 0%, #ffb600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBB914', endColorstr='#ffb600',GradientType=0 );
	-webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5);
    overflow: hidden;
	font-family: 'Montserrat', sans-serif; font-weight:700; font-size: 24px; color: #715601; line-height: 40px; cursor:pointer; text-decoration:underline; text-shadow:1px 1px 1px #FFFFFF; 
	 }
.submit:hover { background: #fccb1c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZTQ0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmNjMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fccb1c 0%, #ffc901 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fccb1c), color-stop(100%,#ffc901));
	background: -webkit-linear-gradient(top, #fccb1c 0%, #ffc901 100%);
	background: -o-linear-gradient(top,  #fccb1c 0%, #ffc901 100%);
	background: -ms-linear-gradient(top,  #fccb1c 0%, #ffc901 100%);
	background: linear-gradient(to bottom,  #fccb1c 0%, #ffc901 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccb1c', endColorstr='#ffc901',GradientType=0 ); text-decoration:none; }
.submit span.button-arrow { text-align:center; display:inline-block; margin-left:10px;}
.popup-logo { text-align:center;}
.privacy-policy { background-color:#e8e8e8; padding:14px 10px 16px; text-align:center; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04) inset; clear:both; border-radius:0 0 6px 6px; font-size:15px; color:#818181;}
.privacy-policy span { font-weight:bold;}


@media (max-width: 320px){
	.imgma1{margin-bottom: 14px; margin-left: -27px;}
	.imgma2{margin-bottom: 12px; margin-left: -27px;}
	.imgma3{margin-bottom: 14px !important; margin-left: -25px;}
	.video-right{margin-left:3px !important;}
	.video-right #tc_2818 iframe{width: 260px !important;}
	.video-right .optin{width: 98% !important;}
	iframe {width: 259px !important; height: 200px;}
	.row .review-one{margin-left: -29px !important; display: table;}
	.row .review-second{margin-left: -48px !important; display: table;}
	.row .review-third{margin-left: -29px !important; display: table;}
}




@media (max-width: 1082px) {
	.video-right{float:none !important;}
	.video-left{float:none;}
	.send-button{margin-top:25px !important;}
}

@media only screen and (max-width: 964px) {
	.body-wrapper{width: 100%; margin: 0 auto;}
	.mentioned-logo {width:96%; margin:0 2%;}
	.body-wrapper{width:90%; margin: 0 auto;}
	.body-wrapper h1.headline {font-size:42px;}
	.mentioned-logo ul li { width:23%;}
}

@media only screen and (max-width: 920px){

	.mentioned-logo {width:96%; margin:0 2%;}
	.video-right { float:right; width:53%;}
	
	
	
}
@media only screen and (max-width: 860px) {
	.video-right { float:right; width:48%;}
	.body-wrapper h1.headline {font-size:38px; line-height:45px;}
	.video-right ul li { font-size:18px;}
	.reveal-modal {width:89%; margin-left:-39%; }
	
}
@media only screen and (max-width: 768px) {
	.body-wrapper h1.headline {font-size:32px; line-height:40px;}
	.video-left {width:100%; text-align:center; margin-bottom:20px }
	.video-right { width:100%;margin-left: 59px; }
	.content-bg {padding:30px 0 25px}
	.content-center { width:96%; }
	.should-text {width:100%;  padding:18px 0 0 0; background:none; text-align:center; height:60px }
	.send-button {width:100%;}
	.send-button a { width:100%;}
	.send-button p { text-align:center;}
	.mentioned-logo ul li { width:48%; margin:0 0 3% 0; float:left;}
	.mentioned-logo ul li.right { float:right; margin:0 0 3% 0; width:48%;} 
	.mentioned-logo ul li.last { float:right; margin:0 0 3% 0; width:48%;} 
	.footer-container { float:left; width:100%;} 
	.reveal-modal {width:90%; }
	.popup .popup-headline {font-size:24px}
	.submit {font-size:16px;}
	.row input { width: 93.4%; padding: 9px 16px 10px; font-size: 18px; }
	.optin {width: 82% !important; margin-left: px;}
	iframe {width: 521px;}
	#tc_2818 iframe{width: 521px !important;} 
	.row .imgma1{margin: auto; display: table; margin-bottom: 15px}
	.row .imgma2{margin: auto; display: table;}
	.row .imgma3{margin: auto; display: table;}
	.row .review-one{text-align: center;}
	.row .review-second{text-align: center;}
	.row .review-third{text-align: center;}
}
@media only screen and (max-width: 483px){
	.video-right:{margin-lef:64px !important;}
	.optin:{width: 66.5% !important;}
}

@media only screen and (max-width: 511px){
	.content-bg {padding:20px 0 20px}
	.popup .popup-headline {font-size:16px; line-height:20px}
	.row input {padding:5px 16px 6px;}
	.submit {font-size:14px;}
	


@media only screen and (max-width: 480px){
	.video-left img {width:100%;}
	.should-text {font-size: 24px; }
	.send-button {margin-top:10px;}
	.mentioned-logo h2.title {font-size:26px;}
	.popup .popup-headline {line-height:20px}
	.row input { width: 87%; padding: 5px 16px 6px; font-size: 16px; }
	.submit {font-size:14px; line-height:20px; width:80%;}

}
@media only screen and (max-width: 388px){
	.video-left img {width:100%;}
	.body-wrapper h1.headline {font-size:30px; line-height:38px;}
	.send-button a  {font-size:22px; padding:12px 0 13px;}
	.send-button a span {font-size:34px;}
	
}

@media only screen and (max-width: 300px){
	.row input { width: 85%; padding: 5px 16px 6px; font-size: 16px; }
	.submit {font-size:12px; line-height:18px;}
	.row input {font-size:12px;  padding: 4px 10px 5px;}
	.privacy-policy {font-size:13px;}
}

The HTML File

HTML

<!DOCTYPE html>
<head>
<title>WordPress Guide For Beginner</title>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- Styles -->
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Walter+Turncoat' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
 <!-- Latest compiled and minified CSS -->


<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<!-- Javascript -->
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/html5shiv.js" type="text/javascript"></script>
<script src="js/modernizer.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
<!-- Javascript End -->

<style>

</style>
</head>

<body>

<div class="main-page"> 
  <!-- Header-container -->
  <div class="header-container"> </div>
  <!-- End header-container --> 
  
  <!-- Banner Container -->
  <div class="header-banner">
    <div class="body-wrapper clearfix">
      <h1 class="headline">Do You Want To Build Quick and Easy Wordpress Sites Like a Pro?<br><br>
	  <span style="font-size: 24px; font-family: "Handlee",cursive;"> Don't waste your time on boring tech books or searching low quality YouTube videos.<br>'Wordpress Beginner's Course' will teach you how to create<br>and manage your own Wordpress website like a PRO!</br></br></span></br></br></h1>
      
      <!-- Video -->
	  
      <div class="video-main">
        <div class="video-left">
		<!-- Video Link  -->
			<iframe class="pv_vc" width="450" height="340" src="https://www.youtube.com/embed/sd0grLQ4voU?rel=0" frameborder="0" allowfullscreen></iframe>
		</div>
        <!-- End Video --> 
        <!-- Video Text -->
        <div class="video-right">
		
		 <!-- Add code here for timer -->
          <div id="tc_2818"><a title="Download Free Till.." href="http://www.tickcounter.com/widget/countdown/1475395200000/asia-kuala_lumpur/ydhms/ffffff3b5998000000000000/650/C0C0C01/Download_Free_T">Download Free Till..</a> <a title="Countdown online" href="http://www.tickcounter.com">Countdown</a></div><script type="text/javascript">(function(){var s = document.createElement("script");s.src = "http://www.tickcounter.com/widget/countdown/1475395200000/asia-kuala_lumpur/ydhms/ffffff3b5998000000000000/650/C0C0C01/Download_Free_T";s.async = "async";s.type = "text/javascript";var x = document.getElementById("tc_2818");x.insertBefore(s,x.lastChild);}());</script>
		 	
			 <!-- Add code here for optin form -->
			<script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=Rv3Z&webforms_id=3946604"></script>
			</div>
		</div>
        </div>
    </div>
  </div>
  <!-- End Banner container --> 
  
 <div class="container">
	<div class="row" style="padding:40px;">
	<div class="col-md-12">
		<div class="col-md-4">
			<div class="review-one">
				<img src="img/image2.png" class="imgma1"> </img>
				<p>Learn How to Build Wordpress Sites in Minutes with Full Video Guide</p>
			</div>
		</div>
		<div class="col-md-4">
			<div class="review-second">
				<img src="img/image1.png" class="imgma2"> </img>
				<p>Learn How To Become A Successful Blogpreneur And Make Money With WordPress</p>
			</div>
		</div>
		<div class="col-md-4">
			<div class="review-third">
				<img src="img/image3.png" class="imgma3"> </img>
				<p>Build Highly Responsive And Mobile Optimized Sites Also!</p>
			</div>
		</div>
		</div>
	</div>
 </div>
  
  <!-- Content Bg -->
  <div class="content-bg">
    <div class="content-center">
      <div class="should-text">Where should we send your free Wordpress Beginner's Course?</div>
      <div class="send-button"> <a href="#" data-reveal-id="myModal" data-animation="none">Give Me Free Access Now<span>›</span></a>
        <p>Privacy Policy: We hate SPAM and promise to keep your email address safe.</p>
      </div>
    </div>
  </div>
  
  <!-- End Content Bg --> 
  <!-- Footer Container -->
  <div class="footer-container"> Copyright © 2015 <a href="disclaimer.htm">Disclaimer</a> | <a href="privacypolicy.htm">Privacy Policy</a> </div>
  <!-- End Footer Container --> 
  

<!-- PopUp -->
<div class="popup-container reveal-modal" id="myModal">
  <div class="popup" id="register_popup">
    <p class="popup-headline">Enter your name and email address below and get free instant access... it's 100% Free!</p>
   <div class="optin">
			<center>
				<!-- Add code here for optin form -->
				<script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=Rv3Z&webforms_id=2335104"></script>
			</center>
			</form>
			</div>
    <a class="close-reveal-modal"><img src="img/ico-close.png" alt=""/></a> </div>
  <div class="privacy-policy"><span>Privacy Policy:</span> We hate SPAM and promise to keep your email address safe.</div>
</div>
<!-- END PopUp -->
</body>
</html>

What I have tried:

I've tried messing with the css file but no luck, also been googleing alot, cant seem to find any answers

Posted 5-Mar-16 20:54pm

devonJones

Updated 5-Mar-16 21:31pm

v3

Add a Solution

2 solutions

Solution 1

Fixed it! I just changed the height

Posted 5-Mar-16 21:21pm

devonJones

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Parveen Siwach · Accepted Answer · 2016-03-05T21:31:00

Solution 2

Hi,

In your CSS file - find ".video-main" and made margin changes accordingly

.video-main {
margin: 47px 0 35px;
display: inline-block;
width: 100%;
}

Thanks,

Posted 5-Mar-16 21:31pm

Parveen Siwach

Comments

devonJones 6-Mar-16 3:33am

Thats what I did! Hey I will post a new question because thats the one I really wanted to figure out how to do ^^

How do i move down the youtube video

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

How do i move down the youtube video

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us