• sbscheema

    (@sbscheema)


    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 ?

Viewing 1 replies (of 1 total)
  • Thread Starter sbscheema

    (@sbscheema)

    `/*
    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;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Video doesnt Fit’ is closed to new replies.