How to change post width

odp1985 · Jan 14, 2012

Hi,

i want to change the with of my theme, but i dont know how to do! my site is amateur-pictures.org.

Here is the style.css

Code:

/*  
Theme Name: wp0163
Theme URI: http://adulttemplatesevolution.com/
Description: Designed by <a title="Adult Templates Evolution" href="http://adulttemplatesevolution.com/">Adult Templates Evolution</a>.
Version: 1.0
Author: Adult Templates Evolution
Author URL: http://adulttemplatesevolution.com/

This theme was designed by Adult Templates Evolution team.
CONTACT: sales@adulttemplatesevolution.com
        
*/
*
{
margin: 0px;
padding: 0px;
}

ul
{
list-style: none;
}
@font-face {
    font-family: "lantern_light";
    src: url(fonts/lantern_light.ttf) format("truetype");
}
@font-face {
    font-family: "lantern_light2";
    src: url(fonts/lantern_light.eot);
}
body 
{
font-size: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: #ffe3e3;
line-height:18px;
font-family: Arial, Helvetica, sans-serif;
}

#bgwarp {
background:#ec2423 url(images/header.jpg) center top no-repeat;
}

#wrap
{
width:1000px;
margin: auto;
padding: 0px;
background: url(images/container-bg.jpg) center repeat-y;
}


                         /****************** Blogtitle ******************/


#blogtitle
{
float:left;
height:298px;
text-align: left;
margin: 0px;
padding: 0px;
}
.title-link
{
width: 552px;
height:108px;
margin: 0px 0px 0px 0px;
padding: 50px 445px 0px 0px;
float:left;
}
.title-link img
{
border:none;
}

#description
{
float:left;
width:1000px;
text-align: center;
}

.description
{
color: #821616;
text-align: center;
font-size: 14px;
font-weight:normal;
padding:6px 20px 0px 20px;
margin:0px 0px 0px 0px;
line-height:20px;
overflow:hidden;
height:20px;
}
#rss-top
{
padding:0px 6px 0px 0px;
margin:0px 0px 0px 0px;
float: right;
width:120px;
height:38px;
}

/* nav
--------------------------------------------------*/
#nav
{
margin:0px 0px 0px 0px;
padding:40px 0px 0px 16px;
width:690px;
height:50px;
float:left;
overflow: hidden;
}


#nav ul 
{
margin:0;
padding:0;
}

#nav li {
float:left;
margin:0px;
padding:0px;
list-style-type:none;
}

#nav li a 
{
font-family: "lantern_light", "lantern_light2", Arial, Helvetica, sans-serif;
display:block;
padding:0px 16px 0px 16px;
font-size:27px;
color:#890000;
font-weight: normal;
text-decoration:none;
line-height:50px;
}


#nav .selected a,
#nav .current_page_item a,
#nav a:hover
{
padding:0px 16px 0px 16px;
font-size:27px;
color:#a23232;
text-decoration:none;
display:block;
}

#nav a:visited
{
padding:0px 16px 0px 16px;
font-weight: normal;
text-decoration:none;
display:block;
}

/* search */

#sb_search{
  margin: 0px;
  padding: 14px 16px 0px 0px;
  height: 27px;
  width:260px;
  float:right;
}
#search_form{
  margin: 0px;
  padding: 0px;
}
.s_text{
  border: 0;
  margin:0px 0px 0px 0px;
  padding:7px 0px 0px 0px;
  font-size: 12px;
  color: #997d7d;
  width: 189px;
  background: transparent;
}
.searchsubmit{
    background: url(images/search.gif) top left no-repeat;
    margin:0px 0px 0px 8px;
    padding:0px 0px 0px 0px;
    height: 27px;
    width: 63px;
    border: 0;
    cursor: pointer;  
}
.txt{
  margin: 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}
.btn{
  margin: 0px;
  padding: 0px;
  float: left;
}



                         /****************** Container ******************/
#container
{
clear:left;
padding:0px;
margin:0px auto;
background:url(images/header.jpg) center top no-repeat;
min-height:298px;
_height:298px;
}


                         /****************** Left Sidebar Container ******************/

#leftnav
{
float: left;
width: 206px;
padding: 0px 0px 0px 4px;
margin: 0px 0px 0px 0px;
text-align: left;
}

                         /****************** Right Sidebar Container ******************/

#rightnav
{
float: right;
width: 262px;
padding: 0px 4px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
}

                         /****************** Content ******************/
#content
{
width: 516px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 4px;
text-align: left;

}

#content ul
{
padding-left: 15px;
}

#content ul li{
margin-left: 15px;
list-style-type: none;
}

#content ul ul li{
padding-left: 3px;;
}


#content ol{
list-style-position: inside;
padding-left: 15px;
padding-top: 2px;
margin-bottom: 10px;
}

#content p
{
padding-left: 5px;
padding-right: 5px;
}
                         /****************** Footer ******************/

.footer-links-top
{
background:#ec2423 url(images/friends-top.jpg) bottom center no-repeat;
height:14px;
padding-top:8px;
font-size:1px;
}
.footer-links-bg
{
background:#ec2423 url(images/friends-bg.jpg) center repeat-y;
}
.footer-links-bg img
{
border:1px #ff3636 solid;
}
.footer-links-footer
{
background:#ec2423 url(images/friends-footer.jpg) top center no-repeat;
height:14px;
font-size:1px;
}

#footer-links
{
font-family:Arial, Helvetica, sans-serif;
color:#ff6e6e;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px 20px 0px 20px;
text-align:left;
}
#footer-links a:link, #footer-links a:visited
{
color:#ff6e6e;
font-size:12px;
padding:0px 2px 0px 2px;
text-decoration: none;
font-weight: normal;
}
#footer-links a:hover, #footer-links a:active
{
color:#ff6e6e;
font-size:12px;
padding:0px 2px 0px 2px;
text-decoration: underline;
font-weight: normal;
}
.footer-links
{
background:url(images/friends-title.jpg) no-repeat;
width:960px;
color:#ffc2c2;
font-size:18px;
font-weight:bold;
line-height:34px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 30px;
}

.footer
{
display: inline-table;
width:100%;
margin:0px;
padding:0px;
background: url(images/footer-bg.jpg) bottom center repeat-x;
}

#footwrap
{
background: url(images/footer.jpg) bottom center no-repeat;
margin: auto;
padding: 0px;
color: #fe9191;
font-size:11px;
font-weight: normal;
height:156px;
width:1000px;
}

.footer-bottom-text {
float:left;
color: #fe9191;
text-decoration: none;
text-align:center;
font-weight: normal;
width:556px;
padding:60px 0px 0px 0px;
display:block;
line-height:20px;
}
.footer-bottom-text a:link, .footer-bottom-text a:visited {
color: #fe9191;
text-decoration: none;
border: none;
font-weight: normal;
}
.footer-bottom-text a:hover, .footer-bottom-text a:visited:hover {
color: #fe9191;
text-decoration: underline;
border: none;
}


                         /******************Left Sidebar ******************/

#sidebarleft
{
color: #000000;
margin: 0px;
background: url(images/left-bg.jpg) repeat-y;
padding:0px;
}

#sidebarleft ul
{
list-style-type:none;
background:url(images/left-footer.jpg) no-repeat bottom;
padding:0px 0px 20px 0px;
}
#sidebarleft ul .children
{
list-style-type:none;
background: none;
border:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sidebarleft li
{
list-style-type:none;
padding:0px;
margin:0px;
}

#sidebarleft ul li
{
margin:5px 12px 5px 30px;
padding:0px 0px 0px 0px;
list-style-image:url(images/arr.gif);
}

#sidebarleft ul li li
{
margin: 5px 3px 0px 10px;
padding: 0px;
list-style-image:url(images/arr.gif);
}

#sidebarleft a:link, #sidebarleft a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #000000;
text-decoration: underline;
border: none;
font-weight: normal;
}
#sidebarleft a:active, #sidebarleft a:hover {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
border: none;
font-size:13px;
}
#sidebarleft h2 {
color: #c40c0c;
padding: 13px 0px 0px 0px;
margin:0px;
height:37px;
text-align:center;
background: url(images/left-title.jpg) no-repeat;
}

#sidebarleft p
{
padding: 3px;
}

#sidebarleft div
{
list-style-type:none;
background:url(images/left-footer.jpg) no-repeat bottom;
padding:0px 0px 20px 0px;
}

#sidebarleft img
{
border: #ad3e3e 1px solid;
}


                         /******************Right Sidebar ******************/

#sidebarright
{
color: #000000;
margin: 0px;
background: url(images/right-bg.jpg) repeat-y;
padding:0px;
}

#sidebarright ul
{
list-style-type:none;
background:url(images/right-footer.jpg) no-repeat bottom;
padding:0px 0px 20px 0px;
}
#sidebarright ul .children
{
list-style-type:none;
background: none;
border:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sidebarright li
{
list-style-type:none;
padding:0px;
margin:0px;
}

#sidebarright ul li
{
margin:5px 12px 5px 30px;
padding:0px 0px 0px 0px;
list-style-image:url(images/arr.gif);
}

#sidebarright ul li li
{
margin: 5px 3px 0px 10px;
padding: 0px;
list-style-image:url(images/arr.gif);
}

#sidebarright a:link, #sidebarright a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #000000;
text-decoration: underline;
border: none;
font-weight: normal;
}
#sidebarright a:active, #sidebarright a:hover {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
border: none;
font-size:13px;
}
#sidebarright h2 {
color: #c40c0c;
padding: 13px 0px 0px 0px;
margin:0px;
height:37px;
text-align:center;
background: url(images/right-title.jpg) no-repeat;
}

#sidebarright p
{
padding: 3px;
}

#sidebarright div
{
list-style-type:none;
background:url(images/right-footer.jpg) no-repeat bottom;
padding:0px 0px 20px 0px;
}

#sidebarright img
{
border: #ad3e3e 1px solid;
}


#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 0 0; }


                         /****************** Paragraph ******************/

p
{
margin-bottom: 12px;
margin-top: 12px;
}

                         /****************** Blockquote ************************/

blockquote
{
margin: 0px 0px 0px 30px;
padding: 0px 25px 0px 0px;
font-style: italic;
color: #eb9f9f;
border-left: 1px solid #eb9f9f;
}


                         /****************** Post Metadata ********************/

.postmetadata
{
font-size: 12px;
padding: 6px 0px 10px 0px;
margin: 0px 20px 0px 20px;
text-align: center;
color: #ecb3ff;
font-weight:normal;
line-height:15px;
}

#content .postmetadata
{
padding-left: 10px;
}

.postmetadata a:link
{
border: none;
color: #ecb3ff;
font-weight: normal;
}

.postmetadata a:visited
{
color: #ecb3ff;
font-weight: normal;
}
a:active{
color: #ecb3ff;
font-weight: normal;
text-decoration: underline;
}
.postmetadata a:hover
{
color: #ecb3ff;
font-weight: normal;
text-decoration: underline;
}



                         /****************** Links ************************/

a:link
{
color: #ffe3e3;
text-decoration: none;
font-weight: bold;
}

a:visited
{
color: #ffe3e3;
text-decoration: none;
font-weight: bold;
}
a:active{
text-decoration: underline;
font-weight: bold;
}
a:hover
{
text-decoration: underline;
}



a img 
{
border: none;
background:none;
padding:0px;
}

#feed, #feed img a:link, #feed img a:visited
{
border: none;
}


                         /****************** Comments ************************/

.commentlist
{
padding-left:0px;
padding-right:0px;
color: #ff6666;
}
.commentlist li
{
margin: 10px 0px 35px 0px;
list-style: none;
}


.commentlist li ul li
{
border: none;
}


.commentlist cite
{
padding: 2px 3px 1px 0px;
}

.commentlist p
{
padding: 0px 5px 2px 0px;
margin-bottom: 5px;
}

.commentlist cite a:link
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #ff8b8b;
}

.commentlist cite a:visited
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #ff8b8b;
}

.commentlist cite a:hover
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #ff8b8b;
}

.commentlist cite a:visited:hover
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #ff8b8b;
}


#commentmetadata a:link, #commentmetadata a:active, #commentmetadata a:visited
{
text-decoration: none;
color: #ff8b8b;
font-size:10px;
}
#commentmetadata a:hover
{
text-decoration: underline;
color: #ff8b8b;
font-size:10px;
}

.commentnumber {
margin-top: 2px;
float:right;
color: #ff8b8b;
font-size: 30px;
}

#comment
{
width:90%;
}

.textarea-comment, .input-comment{
border:#661d1d 1px solid;
background:#f2b1b1;
color:#6d3276;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.submit-comment{
border:#620404 1px solid;
background-color:#d61111;
color:#ffffff;
padding:5px 10px 5px 10px;
cursor: hand;
cursor:pointer;
}


                         /****************** Headings******************/

h1
{
font-size: 35px;
color: #0017a6;
}

h2
{
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: 18px;
font-weight: normal;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}
h2.posttitle   
{
font-size: 20px;
color: #ffeaea;
line-height:30px;
text-align:left;
font-weight:normal;
padding: 12px 15px 0px 15px;
margin:0px;
}
.posttitle a:link, .posttitle a:visited, .posttitle a:hover, .posttitle a:visited:hover
{
font-size: 20px;
font-weight:normal;
color: #ffeaea;
text-decoration: none;
}
h3
{
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: 14px;
font-weight: bold;
}
h4
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 0px;
margin: 0px;
text-align: center;
}

h5
{
font-family: Arial, Helvetica, sans-serif;
margin-top: 15px;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}

                          /*Miscellaneous*/

.entry
{
margin: 5px 0px 5px 0px;
}
.entry img
{
margin:0px;
border: #ff0c0c 1px solid;
}
.entry a:link, .entry a:active, .entry a:visited {
color: #ffdc7f;
text-decoration: underline;
font-weight: bold;
}
.entry a:hover {
color: #ffdc7f;
text-decoration: none;
font-weight: bold;
}
                         /*Contained Floats Fix*/
.post
{
display: block;
overflow:hidden;
margin-left:auto;
margin-right: auto;
margin-bottom:25px;
background:url(images/post-bg.jpg) repeat-y;
}
.posttop
{
margin:0px;
height:76px;
display:block;
overflow: hidden;
background:url(images/post-title.jpg) no-repeat;
}
.posttop-hidden
{
height:42px;
display:block;
overflow: hidden;
}
.postfooter
{
margin:0px;
height:51px;
background:url(images/post-footer.jpg) no-repeat;
display:block;
}
.pagetop
{
margin:0px;
height:65px;
display:block;
overflow: hidden;
background:url(images/page-title.jpg) no-repeat;
}
.pagefooter
{
margin:0px;
height:14px;
background:url(images/page-footer.jpg) no-repeat;
display:block;
}
.bookmark-img
{
float:right;
margin:0px;
padding:3px 0px 0px 0px;
height:34px;
}
.rating
{
float:left;
margin:0px;
width:315px;
height:24px;
padding:11px 0px 0px 20px;
}

.related-title{
background:url(images/related-post.jpg) no-repeat left;
font-size:16px;
font-weight:normal;
color:#feb5b5;
line-height:31px;
padding:0px 0px 0px 25px;
margin:0px 0px 12px 0px;
left:-20px;
position: static;
}
.related-posts{
font-size:13px;
padding:0px 0px 20px 0px;
line-height:20px;
}
.related-posts a:link, .related-posts a:active, .related-posts a:visited {
color: #ff8b8b;
text-decoration: underline;
font-weight: normal;
}
.related-posts a:hover {
color: #ff8b8b;
text-decoration: none;
font-weight: normal;
}

.date
{
font-size: 11px;
line-height:16px;
padding:16px 0px 0px 9px;
margin: 0px;
text-align: left;
color: #ffbebe;
float:left;
}

                     /*Code*/
code
{
display: block;
margin: 10px 30px 0 30px;
padding: 2px 10px 5px 10px;
border-top: 4px solid #333;
color: #FFFFE8;
}

/******************Search**************/

#searchform {
text-align:center;
    }

/******************Calendar**************/
#wp-calendar 
{
empty-cells: show;
margin:0px 0px 0px 0px;
padding:0px 5px 0px 5px;
width: 200px;
}

#wp-calendar #next a 
{
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a 
{
padding-left: 10px;
text-align: left;
}

#wp-calendar td 
{
padding: 2px 0;
text-align: center;
}

#wp-calendar th 
{
/*padding: 3px 0;*/
text-align: center;
}

#wp-calendar caption 
{
text-align: center;
width: 100%;
text-transform: uppercase;
font-weight: bold;
}

img 
{    
border:none;
}

.alignright {
text-align: right;
}

.alignleft {
text-align: left;
}

.navigation {
display: block;
text-align: center;
margin: 35px 10px 20px 10px;
}
.navigation a {
color:#ffe3e3;
}

.wp-smiley
{
padding: 0;
}

.textwidget
{
padding: 10px;
}
#sidebarright .textwidget, #sidebarright .widget_tag_cloud div, #sidebarleft .textwidget, #sidebarleft .widget_tag_cloud div, #tags ul, #tags div
{
padding: 5px 10px 20px 10px;
}

RT · Jan 14, 2012

You should fix your site first, change the content's width back to width: 520px;. If you want to increase it, you'll have to remove one of the sidebars.

odp1985 · Jan 14, 2012

I fixed my site... what are the next steps to do?

RT · Jan 14, 2012

remove one of the sidebars all together and use that space for your content.

odp1985 · Jan 14, 2012

sry but im totally noob, how can i remove one sidebar and increase post width? can u explain it for me step by step plz?

RT · Jan 14, 2012

Go to your index/home/ file, it depends on your theme, find <div id="rightnav"> and remove everything in it, increase the width of your content width css, customize your images to fit that width and your done.

odp1985 · Jan 14, 2012

it doesnt work... right sidebar is gone but i cant increase my post width... do u have any ideas why?

RT · Jan 14, 2012

I used firebug to increase it and it worked fine, try again.

Search

How to change post width

odp1985

Active Member

7 comments

RT

Active Member

odp1985

Active Member

RT

Active Member

odp1985

Active Member

RT

Active Member

odp1985

Active Member

RT

Active Member

About the author

Trending

Advertise on WJunction