Please help me to fix this template issue

Please check my link: CLICK

You will see, that i need to fix the template (post table dimension). How to do that?

The second thing is hot wo enable SEO URLs.

Thanks for your time.

 

You can just make the video size smaller by changing the embed code. There will be a width and height value, which you can change to what you need. If you want the content section to be bigger for all your posts you can also edit your style.css file in your theme folder.

As for permalinks (SEO Urls) go to your dashboard>settings>permalinks and you can set it there. You will then need to create an .htaccess file with the code wordpress gives you in order to make it work (if your .htaccess file is writable, wordpress will do it for you)

 

Thanks for fast response. Permalinks are already working (with your help).

It will be hard to change all the 1k+ videos size, so the only option is editin css.

 

I cant find the right place in css to edit this table.

This is the full code:

h4 {
width:175px;
height:85px;
float: left;
background: url(images/report.png) no-repeat top left #FFF;
}
h4 a {
display: block;
height: 85px;
}
h4 a span { display: none; }

#header {
background-image:url(images/header.png);
background-repeat:no-repeat;
height:264px;
width:762px;
}

#footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
background-image:url(images/footer.png);
background-repeat:no-repeat;
border:none;
height:49px;
width:760px;
padding:0 0 0 7px;
}

body {
background-color:#111517;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
border:none;
margin:0;
padding:0;
}

/* hr { display: none; } */

hr {
background-color: #1e2123;
border: 1px solid #313537;
height: 10px;
margin: 10px 0;
width: 760px;
}

a:link, a:visited, a:active {
color: #d8d7d3;
border:none;
text-decoration:none;
}

a:hover {
color: #fff;
border:none;

}

ul {
list-style: none;
}

input, textarea {
color: #9c9890; font-size: 11px;
text-decoration: none;
background-color: #111517;
border: 1px solid #313537;
padding: 5px;
}

blockquote {
background: #14191b;
padding: 1px 15px 5px;
border-bottom: 1px solid #2c3337;
}

table {
width: 100%; border-collapse: collapse;
}

th {
border-bottom: 1px solid #2c3337;
text-align: left;
}

pre {
padding: 5px 0;
border-top: 1px dotted #2c3337;
border-bottom: 1px dotted #2c3337;
}

/* -----| Structure |---------------------------------------------------- */
#page {
margin: 50px auto 25px;
padding: 0;
width: 760px;
}

#header {
text-align: center;
}

#wrapper, #headerimg {
width: 760px;
}

#wrapper {
background: url('images/content_bkg.gif') repeat-y top left;
}

.image {
background: #1e2123 url('images/image_left.png');
border: 1px solid #313537;
height: 149px; width: 372px;
}



#content, #sidebar { border-left: 1px solid #313537; border-right: 0px solid #313537; padding: 0 10px; } #content { float: left; font-size: 1.1em; width: 517px; } #content h2 { margin: 0 0 10px; } #content p { line-height: 1.5em; }

#sidebar { border-left: 0; float: right; width: 200px; }

#sidebar h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:FFFFFF;
background-image:url(images/title.png);
background-repeat:no-repeat;
border:none;
height:50px;
width:202px;
margin:0 0 0;
padding:16px 0 0 10px;
text-decoration:none;
}

#sidebar ul {
margin: 0 0 10px;
padding: 0;
border-top: 1px solid #313537;
border-bottom: 1px solid #313537;
border:none;
text-decoration:none;
}

#sidebar li {
display: block;
padding: 4px 10px;
background:#1e2123;
margin: 1px 0;
border:none;
text-decoration:none;
}

#sidebar li:hover {
background: #313537;
border:none;
text-decoration:none;
}

#searchform { background: #1e2123; padding: 10px; text-align: center; } #s { width: 160px; } .goleft { float: left; }.goright { float: right; }ul.navigation { border-top: 1px solid #313537; border-bottom: 1px solid #313537; } ul.navigation li { display: block; padding: 4px 10px; background: #1e2123; margin: 1px 0; } ul.navigation li:hover { background: #313537; }/* Post Structure */.post { padding: 10px 0 0; } .widecolumn .post { padding: 0; margin: 0; } .top { padding: 15px 10px 0px; background: #14191b; margin-bottom: 15px; border-bottom: 1px solid #2c3337; }.lastfive { padding-left: 10px; padding-right: 10px; } .postmetadata { margin: 3px 0; padding: 0; } .postmetadata a { font-weight: bold; } #sidebar .postmetadata { line-height: 1.5em; } .continue { font-weight: bold; font-size: 1.3em; } .top .entry { font-size: 1.1em; } .entrytext { padding: 0 10px 0; line-height: 2em; font-size: 1.1em; } .entrytext h2 { border-bottom: 1px solid #61a9cf; display: block; } .entrytext ul { list-style-type: square; } /* Comments Structure */.comments { padding: 10px; margin-top: 15px; background: #14191b; border-top: 1px solid #2c3337; position: relative; } #commentform p { float: left; margin: 0 10px 10px 0; } .commentlist { background: #14191b; list-style: none; margin: 0; padding: 0; } .commentlist li { background: #111517; margin-top: 10px; padding: 5px 0 0; } .commentlist li p { padding: 5px 10px 0; margin: 0; } .commentlist li p.commentmetadata { border-bottom: 1px solid #2c3337; background: #181612; padding: 5px 10px; margin-top: 10px; } ul.archive { list-style: none; padding: 0; margin: 0 10px 25px; font-size: 1.3em; } ul.archive li { display: inline; }/* -----| Typography |--------------------------------------------------- */h1, h2, h3, h4, h5, h6 { font-family: Georgia, 'Times New Roman', serif; font-weight: normal; }h1 { color: #fff; font-size: 2em; margin: 0 0 8px; }h1:before, h1:after { content: " . . "; color: #444; }h1 span { color: #61a9cf; }h2 { color: #61a9cf; font-size: 1.25em; margin: 0; padding: 1px 0; display: inline; border-bottom: 1px solid #2c3337; } .post h2 a { color: #61a9cf; } .post h2.first { font-size: 1.75em; } .widecolumn h2.title { display: block; padding: 13px 10px; background: #14191b; margin: 0 0 15px; border-bottom: 1px solid #2c3337; font-size: 1.75em; }.description { color: #666; font-weight: bold; }.comments h3 { margin: 0 0 10px 0; color: #61a9cf; }/* -----| Miscellaneous |------------------------------------------------ */.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

 

Change the width of the #content from 517 to whatever. Just make sure you subtract the same amount that you added for #content from the width of #sidebar

If that makes your sidebar too small you can also extend the total width of the content/sidebar area instead (from 760 to whatever)