我如何向下移动YouTube视频 [英] How do i move down the youtube video
本文介绍了我如何向下移动YouTube视频的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
所以我的朋友为我提供了一个html / css项目，因为我学习并且我知道基础知识所以很好但我似乎无法理解如何向下移动youtube视频几个px，我似乎无法找到我的东西做错了，就像它的位置非常接近，但我无法进一步向下移动。任何建议？
无论如何我都没有要求你为我这样做，我只是求助于如何解决它。
CSS文件
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
/* 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
The HTML File
<!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
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
推荐答案
Fixed it! I just changed the height
Fixed it! I just changed the height
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,
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,
这篇关于我如何向下移动YouTube视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
