Video doesnt Fit
-
Hi,
I installed free wptube theme but my youtube video doesnt fit within the assigned space
https://bollycollection.com/?p=11
I embedded this video using custom field “video_code” as per guidelines came with the theme.How do I increase this width to accomodate the youtube video ?
-
`/*
Theme Name: Free WP Tube
Theme URI: https://www.FreeWPTube.com
Description: Turn WordPress into Tube Site!
Version: 3.0
Author: FreeWPTube.com
Author URI: https://www.FreeWPTube.com
Tags: tube*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ol,ul{
list-style:none;
}
blockquote,q{
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
content:”;
content:none;
}
:focus{
outline:0;
}
ins{
text-decoration:none;
}
del{
text-decoration:line-through;
}
table{
border-collapse:collapse;
border-spacing:0;
}
/* General Styles */
.skiplink{
display:none;
}
.clear{
clear:both;
}
label{
cursor:pointer;
}
a{
color:#000;
text-decoration:none;
}
a:focus,a:hover{
text-decoration:underline;
}
body{
background:#282828 url(images/bgr_main.png) repeat;
color:#000;
font:62.5%/1 Verdana, Geneva, sans-serif;
}
.wrapper{
margin:0 auto;
width:1000px;
}
/* menu */
#menu{
width:100%;
height:44px;
background:url(images/bgr_mainmenu.png) no-repeat;
}
#mainmenu{
float:right;
width:700px;
padding:5px 10px 0 0;
}
#mainmenu ul{
float:right;
}
/*Top level list items*/
#mainmenu ul li{
position: relative;
display: inline;
float: left;
color:#fff;
font-size:1.2em;
line-height:1.1em;
font-weight:bold;
padding:0 0 0 17px;
background:url(images/bgr_mainmenu_li.gif) no-repeat left center;
}
#mainmenu ul li.first{
padding:0;
background:none;
}
/*Top level menu link items style*/
#mainmenu ul li a{
display:block;
color:#fff;
}
* html #mainmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
float:left;
}
* html #mainmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
float:none;
}
/*Top level menu link items style*/
#mainmenu ul li a span{
display:block;
padding:5px 10px 6px 10px;
cursor:pointer;
}
* html #mainmenu ul li a span{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
float:left;
}
* html #mainmenu ul li ul li a span{ /*IE6 hack to get sub menu links to behave correctly*/
float:none;
}
#mainmenu ul li a:link, #mainmenucat ul li a:visited{
text-decoration:none;
}
#mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a{
text-decoration:underline;
}
/*1st sub level menu*/
#mainmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
margin:0 0 0 9px;
padding:0;
background:#000103;
border:0;
width:auto;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#mainmenu ul li ul li{
display: list-item;
float: none;
font-size:1.0em;
background:none;
padding:0;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#mainmenu ul li ul li ul{
top: 0;
margin:0;
}
/* Sub level menu links style */
#mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a{
width: 160px;
height:auto;
padding: 8px 10px 8px 10px;
margin: 0;
border-bottom: 1px solid #ccc;
background:#000103;
text-align:left;
text-decoration:none;
font-weight:normal;
color:#fff;
}
#mainmenu ul li ul li a:hover{ /*sub menus hover style*/
text-decoration:none;
background:#5b5b5b;
color:#fff;
}
#mainmenu ul li ul li a span{ /*sub menus hover style*/
background:none;
height:auto;
padding:0;
}
/*header_search*/
#header_search{
float:left;
padding:7px 0 0 20px;
}
#header_search fieldset{
float:left;
}
#main_search_val{
float:left;
border:1px solid #000;
background:#fff;
color:#000;
font-family:Verdana, Geneva, sans-serif;
font-size:1.2em;
padding:2px;
margin:0 10px 0 0;
width:173px;
}
#main_search_sub{
float:left;
width:65px;
height:20px;
}
/* header */
#header{
width:998px;
height:118px;
overflow:hidden;
background:url(images/bgr_header.png) repeat-x;
border:1px solid #969696;
}
/*header_logo*/
#header_logo{
float:left;
padding:40px 0 0 35px;
}
#header_logo a{
font-size:3.2em;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#header_logo a:hover{
text-decoration:none;
}
#header_logo a img{
float:left;
max-width:430px;
}
/*header_banner*/
#header_banner{
float:right;
padding:19px 20px 0 0;
}
#header_banner img{
float:left;
}
/*body*/
#body{
width:100%;
background:#ebebeb url(images/bgr_body.png) repeat-y;
}
#body_top{
width:100%;
background:url(images/bgr_body_top.png) no-repeat;
}
#body_end{
width:100%;
background:url(images/bgr_body_end.png) no-repeat left bottom;
padding:20px 0 10px 0;
overflow:hidden;
}
.single #body{
background:#ebebeb url(images/bgr_body_single.png) repeat-y;
}
.single #body_top{
background:url(images/bgr_body_top_single.png) no-repeat;
}
.single #body_end{
background:url(images/bgr_body_end_single.png) no-repeat left bottom;
}
#content{
float:right;
width:720px;
margin:0 10px 0 0;
background:url(images/bgr_content.png) repeat-y;
}
#content_body{
width:700px;
padding:0 10px 0 10px;
overflow:hidden;
background:url(images/bgr_content_body.png) no-repeat left bottom;
}
#sidebar{
float:left;
width:230px;
padding:0 0 0 20px;
}
/*post*/
.post{
width:100%;
margin:0 0 35px 0;
}
.post .title{
font-size:1.6em;
line-height:1.3em;
color:#000;
border-bottom:1px solid #666666;
padding:0 0 8px 0;
margin:0 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
}
.post .title a{
color:#000;
}
.post .entry{
font-size:1.1em;
line-height:1.5em;
padding:10px 0 5px 0;
}
.post .entry strong{
color:#000;
}
.post .entry a{
color:#0f1991;
text-decoration:underline;
}
.post .entry a:hover{
text-decoration:none;
}
.post .entry p{
margin:0 0 15px 0;
}
.post .entry p img{
border:3px solid #ccc;
padding:0;
}
.post .entry ul {
margin:0 0 15px 35px;
}
.post .entry ul li{
margin: 0;
padding:0;
list-style:disc;
}
.post .entry ol {
padding: 0 0 0 35px;
margin:0 0 15px 0;
list-style:decimal;
}
.post .entry ol li {
margin: 0;
padding: 0;
}
/*entry_info*/
.post .entry_info p, .post .entry_info .rating{
margin:0 0 5px 0;
font-size:1.1em;
width:100%;
overflow:hidden;
}
.post .entry_info p strong{
font-size:1.0em;
}
.post .entry_info .post-ratings{
display:inline;
position:relative;
top:2px;
}
.post .video_code{
width:600px;
overflow:hidden;
padding:0 0 20px 0;
}
/*home page*/
.main_title{
width:100%;
overflow:hidden;
border-bottom:1px solid #000;
margin:0 0 20px 0;
padding:0 0 8px 0;
}
.main_title h1{
font-size:1.6em;
line-height:1.3em;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
background:url(images/bgr_main_title.png) repeat-x;
text-transform:uppercase;
float:left;
}
.main_title .left{
float:left;
background:url(images/bgr_main_title_left.png) no-repeat;
}
.main_title .right{
float:left;
background:url(images/bgr_main_title_right.png) no-repeat right top;
height:21px;
padding:1px 10px 0 10px;
}
.main_order{
float:right;
}
.main_order label{
float:left;
color:#000;
font-size:1.5em;
font-weight:bold;
padding:2px 5px 0 0;
}
.main_order select{
float:left;
font-size:1.4em;
border:1px solid #000;
color:#000;
padding:1px;
}
#videos{
width:100%;
overflow:hidden;
}
.video{
width:160px;
float:left;
padding:0 20px 20px 0;
color:#666;
}
.video_last{
padding:0 0 20px 0;
}
.single .video{
padding:0 24px 20px 6px;
}
.single .video_last{
padding:0 0 20px 6px;
}
.video h2{
font-size:1.2em;
line-height:1.3em;
color:#000;
margin:0 0 6px 0;
}
.video h2 a{
color:#000;
}
.single .video h2{
color:#ffc800;
}
.single .video h2 a{
color:#ffc800;
}
.video .thumb{
width:156px;
height:103px;
border:2px solid #b8b8b8;
margin:0 0 5px 0;
overflow:hidden;
}
.single .video .thumb{
border:2px solid #b4b4b4;
}
.video .thumb img{
width:100%;
height:100%;
float:left;
}
.video .info{
width:100%;
line-height:1.3em;
overflow:hidden;
}
.video .info a{
color:#000;
}
.single .video .info{
color:#fff;
}
.single .video .info a{
color:#fff;
}
.info_left{
float:left;
width:49.9%;
}
.info_right{
float:right;
width:50%;
}
.info .duration{
color:#000;
font-size:1.2em;
font-weight:bold;
}
.single .duration{
color:#ffc800;
}
.info .author{
color:#000;
}
.info .author a{
color:#000;
}
.single .author{
color:#ffc800;
}
.single .author a{
color:#ffc800;
}
.info_right .rating{
text-align:right;
}
/*sidebar*/
.sidebar_widgets{
width:100%;
overflow:hidden;
font-size:1.3em;
line-height:1.4em;
color:#fff;
}
#sidebar_single .sidebar_widgets{
padding:15px 0 0 0;
}
.sidebar_widgets a{
color:#fff;
}
.sidebar_widgets .widgettitle{
font-size:1.2em;
color:#fff;
padding:0 0 8px 5px;
font-family:Georgia, “Times New Roman”, Times, serif;
width:220px;
height:21px;
background:url(images/bgr_widgettitle.png) no-repeat;
padding:1px 0 0 10px;
margin:0 0 5px 0;
}
#sidebar_single .sidebar_widgets .widgettitle{
background:none;
width:auto;
height:auto;
font-size:1.4em;
}
.sidebar_widgets .widget_categories a, .sidebar_widgets .widget_archive a, .sidebar_widgets .widget_links a, .sidebar_widgets .widget_meta a, .sidebar_widgets .widget_pages a, .sidebar_widgets .widget_meta a, .sidebar_widgets .widget_recent_entries a{
display:block;
}
.sidebar_widgets .widget_categories a{
display:inline;
}
.sidebar_widgets ul{
}
.sidebar_widgets ul li{
margin:0 0 20px 0;
}
.sidebar_widgets ul ul{
}
.sidebar_widgets ul li ul li{
background:none;
border-bottom:0;
padding:5px 10px 5px 10px;
margin:0;
}
.sidebar_widgets ul ul ul{
margin:0 0 0 5px;
}
.sidebar_widgets ul li ul li ul li{
border:0;
}
.widget_tag_cloud a, .widget_text .textwidget{
padding:5px 0 5px 0;
line-height:1.3em;
}
.widget_advertisements p{
text-align:center;
padding:5px 0 5px 0;
}
.widget_advertisements p.last{
padding:5px 0 0 0;
}
/*ads_buttom*/
#ads_buttom{
float:right;
padding:10px 10px 0 0;
}
/*single_post*/
#single_post{
width:980px;
margin:0 0 10px 10px;
background:url(images/bgr_single_post.png) repeat-y;
}
#single_post_inner{
width:960px;
overflow:hidden;
background:url(images/bgr_single_post_inner.png) no-repeat left bottom;
padding:0 10px 10px 10px;
}
#content_single{
float:left;
width:600px;
overflow:hidden;
}
#sidebar_single{
float:right;
width:330px;
overflow:hidden;
background:#0d0d0d;
}
/*single_bottom_ads*/
.single_bottom_ads{
width:980px;
overflow:hidden;
margin:0 0 0 10px;
}
/*single_box*/
.single_box{
width:978px;
overflow:hidden;
border:1px solid #969696;
background:#282828;
margin:0 0 14px 10px;
}
.single_box_title{
background:url(images/bgr_single_box_title.gif) repeat-x;
width:938px;
height:25px;
padding:4px 20px 0 20px;
}
.single_box_title h2{
float:left;
font-size:15px;
line-height:1.3em;
color:#fff;
}
.single_box_title p{
color:#fff;
font-size:1.1em;
line-height:1.3em;
float:right;
}
.single_box_title p a{
color:#fff;
}
.single_content{
width:938px;
overflow:hidden;
padding:15px 20px 15px 20px;
}
/*footer*/
#footer{
width:100%;
overflow:hidden;
padding:30px 0 30px 0;
text-align:center;
color:#969696;
}
#footer a{
color:#969696;
}
#footer li{
display:inline;
font-size:1.1em;
line-height:1.3em;
font-weight:bold;
padding:0 10px 0 10px;
}
#footer li.first{
background:none;
padding:0;
}
#footer .copyrights{
padding:15px 0 0 0;
line-height:1.1em;
}/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}/* Using ‘class=”alignright”‘ on an image will (who would’ve
thought?!) align the image to the right. And using ‘class=”centered’,
will of course center the image. This is much better than using
align=”center”, being much more futureproof (and valid) */img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}.alignright {
float: right;
}.alignleft {
float: left
}
/* End Images *//* Begin Form Elements */
#respond{
margin:0 0 20px 0;
width:100%;
overflow:hidden;
color:#fff;
}
#respond a{
color:#fff;
}
#respond h3{
font-size:1.6em;
line-height:1.3em;
color:#fff;
border-bottom:1px solid #666666;
padding:0 0 8px 0;
margin:0 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
}
.cancel-comment-reply{
font-size:1.2em;
}
.cancel-comment-reply a, .cancel-comment-reply a:visited{
text-decoration:underline;
}
.cancel-comment-reply a:hover{
text-decoration:none;
}
#commentform p{
font-size:1.2em;
line-height:1.6em;
width:100%;
overflow:hidden;
}
#commentform p a, #commentform p a:visited{
text-decoration:underline;
}
#commentform p a:hover{
text-decoration:none;
}
#commentform p input{
float:left;
}
#commentform p label{
float:left;
padding:10px 0 0 5px;
}
#searchform{
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}#commentform input{
width: 170px;
padding: 5px;
margin: 5px 5px 1px 0;
border:1px solid #666666;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#333;
}#commentform{
margin: 5px 10px 0 0;
}
#commentform textarea{
width: 97%;
padding: 5px;
overflow:auto;
border:1px solid #ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
margin:5px 0 0 0;
color:#666;
}
#commentform #submit{
font-size:1.2em;
line-height:1.6em;
color:#fff;
background:#0f0f0f;
font-weight:bold;
padding:2px 6px 2px 6px;
border:0;
margin:5px 0 0 0;
cursor:pointer;
}
/* End Form Elements *//* Begin Comments*/
#comments{
visibility:hidden;
}
.commentlist{
padding: 0;
margin:0;
text-align: justify;
font-size:1.3em;
line-height:1.3em;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}
.commentlist a{
color:#fff;
text-decoration:underline;
}
.commentlist a:hover{
text-decoration:none;
}
.commentlist li{
padding:0 0 15px 0;
margin:0;
list-style: none;
}
.commentlist li li{
padding:10px 0 10px 15px;
}
.commentlist .links a{
color:#ffc800;
text-decoration:none;
}
.commentlist .links a:hover{
text-decoration:underline;
}
.commentlist li p{
display:inline;
font-style:italic;
}
/* End Comments *//* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 1.1em;
}#wp-calendar a {
text-decoration: none;
}#wp-calendar caption {
text-align: center;
font-size:1.3em;
font-weight:bold;
}#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 95%;
}#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}#wp-calendar a {
display: block;
}#wp-calendar caption {
text-align: center;
width: 100%;
}#wp-calendar td {
padding: 3px 0;
text-align: center;
}#wp-calendar td.pad:hover { /* Doesn’t work in IE */
background-color: #fff; }
/* End Calendar *//* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}acronym, abbr {
border-bottom: 1px dashed #999;
}blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}blockquote blockquote{
}blockquote cite {
margin: 5px 0 0;
display: block;
}.center {
text-align: center;
}.hidden {
display: none;
}hr {
display: none;
}
.nopost, .nocomments{
text-align:center;
color:#000;
font-size:1.2em;
line-height:1.5em;
padding:50px 0 100px 0;
}
/* End Various Tags & Classes*//*navigation*/
.navigation{
width:100%;
overflow:hidden;
text-align: center;
padding:10px 0 30px 0;
line-height:1.8em;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
}
.navigation a{
color:#000;
text-decoration:underline;
}
.navigation a:hover{
text-decoration:none;
}
.single .navigation a{
color:#fff;
}
#content .wp-pagenavi{
font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
}
#content .wp-pagenavi a {
padding: 4px;
margin: 2px;
color:#000;
background:#eee;
border:1px solid #fff;
text-decoration:none;
}
#content .wp-pagenavi a:hover{
color:#000;
border:1px solid #ccc;
}
#content .wp-pagenavi span.pages {
padding: 4px;
margin: 2px;
border:0;
border:1px solid #fff;
}
#content .wp-pagenavi span.current {
padding: 4px;
margin: 2px;
background:#eee;
color:#000;
font-weight:bold;
border:1px solid #ccc;
}
#content .wp-pagenavi span.extend {
padding: 4px;
margin: 2px;
background:#eee;
border:1px solid #fff;
}/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */
/*sidebar_twitter*/
#sidebar_twitter{
width:100%;
background:url(images/bgr_twitter.png) no-repeat;
background-color:#fffcd9;
border:1px solid #eeebbe;
margin:0 0 20px 0;
}
#sidebar_twitter_inner{
padding:10px 0 10px 92px;
display:block;
height:74px;}
#sidebar_twitter h2{
color:#c43916;
font-size:2.7em;
font-family:Georgia, “Times New Roman”, Times, serif;
font-weight:normal;
margin:0 0 5px 0;
}
#sidebar_twitter p{
color:#ae7014;
font-size:1.1em;
padding:0 0 10px 5px;
}
#sidebar_twitter p a{
font-size:1.1em;
font-weight:bold;
color:#fff;
border:1px solid #e3510c;
background:url(images/bgr_readmore.gif) repeat-x;
display:block;
height:20px;
text-align:center;
padding:5px 15px 0 15px;
float:left;
}
- The topic ‘Video doesnt Fit’ is closed to new replies.