...

View Full Version : Increasing Blog's Width



true_friend
11-01-2006, 08:36 AM
/*Theme Name: WinterDay
Theme URI: http://wangenweb.com/themes/winterday/
Description: A clean, widget-ready 3 column theme for WordPress. Modified For Urdu.
Version: 1.0.1
Author: Kristin K. Wangen
Author URI: http://wangenweb.com/
Urdu Modification: Muhammad Shakir Aziz
URL: dost.ueuo.com , shakirkablog.blogspot.com
*/

/*general layout*/
body {
background:#fff url("./gfx/bodybg.jpg") repeat-x;
color : #111;
font-family : "Urdu Naskh Asiatype", "Nafees Web Naskh", "Lucida Grande", Verdana, Arial, Sans-Serif;
font-style : normal;
padding:0px 1em;
margin:0px;
line-height:1.5em;
font-size:12pt;
}


/*wrap it in*/
#wrap {
background : transparent;
width:80%;
margin:5px auto;
padding:0px;
position:relative;
}
html>body #wrap {
max-width:85em;
}

/*top*/
#top {
background:transparent;
margin:0px;
padding: 2px 5%;
color:#111;
}

/*header*/

#header {
background:transparent;
margin:0px;
padding:20px;
color:#111;
text-align:center;
}
#header h1{
padding:0px 1%;
margin:0px 0px 5px;
font-size:4em;
}
#header p {
padding:2px 1%;
margin:2px;
font-size:13pt;
font-weight:normal;
}
#header h1 a:link, #header h1 a:visited {
color: #369;
font-weight:normal;
}


/*content*/
#content{
background : transparent;
padding: 5px 2%;
margin: 0 1%;
width: 63%;
float: right;
font-size:12pt;
line-height:1.6em;
word-wrap:break-word;
}
#content h2 a:link, #content h2 a:visited {
color:#369;
font-weight: normal;
text-decoration:none;

}
#content h2 a:hover, #content h2 a:active, #header h1 a:hover, #header h1 a:active {
color:#999;
}
.post h2 {
background:transparent;
padding:4px 0px;
}
.story {
font-size:12pt;
}
.post h2{
border-bottom:1pt solid #eee;
}


/*sidebar settings*/
#sidebar {
background:transparent;
color : #111;
padding: 0px;
margin: 5px 1% 0 0;
width: 30%;
float:left;
word-wrap:break-word;
}
#sidebar ul{
list-style: none outside;
margin: 2px;
padding:0px;
}
#sidebar li{
margin:0px;
padding: 2px;
}
#sidebar li li ul{
list-style: circle outside;
margin:0px 0px 0px 12px;
padding: 0px;
}
#sidebar h2 {
margin: 5px 2px 0px;
padding: 0px;
font-size:110%;
border:none;
font-weight:bold;
}
#sidebar h2 a {
color:#333;
font-weight:bold;
}

#sidebar label {
font-size:100%;
font-weight:bold;
}
#leftcol {
width:45%;
float:left;
margin:0 0.5em 0;
}
#rightcol {
width:45%;
float:right;
margin:0 0.5em 0;
}
#centercol {
width:70%;
float:center;
margin:0 0.5em 0;
}
/*footer*/

#foot {
background:transparent;
margin:10px;
clear: both;
font-size:90%;
padding:0px;
text-align:center;
}
#foot ul{
margin: 2px;
padding:20px;
}
#foot li{
display: inline;
margin:0px 3px;
}


/*font styles*/

p {
font-size : 12pt;
font-style : normal;
}
h2 {
font-size : 160%;
}
h3 {
font-size:120%;
}
h4, h5, h6 {
font-size:100%;
}
h2, h3, h1, h4, h5, h6 {
color : #333;
margin: 10px 0px;
padding:2px 0px;
clear: both;
font-weight:normal;
font-family: "Urdu Naskh Asiatype", "Nafees Web Naskh", "Lucida Grande", Verdana, Arial, Sans-Serif;
}
em {
font-style : normal;
text-decoration:underline;
}
b, strong, cite {
font-weight:bold;
font-style : normal;
}
i {
font-style : italic;
}
code, pre {
background:#eee;
font: 0.9em "Courier New", Courier, Fixed;
direction: ltr;
overflow: auto;
text-align: left;

}
blockquote {
border-left:2px solid #ccc;
padding: 0px 5px;
margin: 5px 20px;
}

/*linkcolor*/
a:link, a:visited {
font-weight:normal;
color : #933;
text-decoration : none;
}
a:hover, a:active {
color : #999;
text-decoration : none;
}

/*other*/
hr {
border: 1pt solid #ccc;
}
img {
border : none;
margin: 2px;
}


/*classes*/
.center {
text-align: center;
}
.right {
float: right;
}
.left {
float: left;
}
.none {
display: none;
}
.righttxt {
text-align:right;
}
.credits {
clear:both;
font-type:italic;
}
.border {
border: 1pt solid #ccc;
}


/*forms*/
input , textarea, select, option {
font-family : "Urdu Naskh Asiatype", "Nafees Web Naskh", "Lucida Grande", Verdana, Arial, Sans-Serif;
font-size:100%;
padding: 2px 0px;
background : #fff;
color : #111;
border: 1px solid #ccc;
margin: 2px 0px;
}
fieldset, legend {
color : #111;
border: none;
padding: 5px;
}

label, legend {
font-weight:normal;
}



/*lists*/

ul {
list-style: circle outside;
margin: 1px 20px;
padding:2px;
}
dt {
margin: 5px 0px;
}
dd {
margin: 5px 15px;
}
ol {
margin: 2px 25px;
padding:2px;
}
ul.inline {
margin: 1px 0px;
padding:2px;
}
.inline li{
display:inline;
margin: 5px 0px;
}

/*tables*/
table {
color : #111;
width: 90%;
margin: 5px auto;
padding: 0px;
}
caption {
color: #111;
font-weight: bold;
padding: 5px;
}
td, th, tr {
padding: 5px;
text-align:left;
}

/*wp-callendar*/
#today {
background:#eee;
}
#wp-calendar {
margin: 2px 0px;
width: 80%;
}
#wp-calendar th, #wp-calendar td {
padding:0.1em;
margin:0;
text-align:center;
}

/*comments*/
ol#commentlist {
list-style-position: outside;
margin: 5px 15px;
font-family: "Urdu Naskh Asiatype", "Nafees Web Naskh", "Lucida Grande", Verdana, Arial, Sans-Serif;
}
#commentlist li {
margin: 10px 0px;
}
#commentlist div {
margin: 5px 0px;
}
.commenttext {
font-size: 12pt;
}

/*rss widgets*/
.rsswidget img {
margin: 0px 2px;
}
.textwidget {
margin:0px;
padding: 2px;
}
Above is my style sheet. i am using wordpress to blog. my problem is this i want to increase my blog's width so to increase its area. plz help me hows can i play with code in css to increase the width. u can see blog here (http://dost.ueuo.com/?).
Regards

ess
11-01-2006, 12:24 PM
This question has already been asked in WordPress website, and you should be able to find a solution there. click here to see the article (http://wordpress.org/support/topic/79337)

Good luck
:thumbsup:

_Aerospace_Eng_
11-01-2006, 12:35 PM
That article didn't seem to have the proper solution. The part in bold is what you need to change. The part in red you need to get rid of.

/*wrap it in*/
#wrap {
background : transparent;
width:80%;
margin:5px auto;
padding:0px;
position:relative;
}
html>body #wrap {
max-width:85em;
}

true_friend
11-02-2006, 12:37 AM
thanks folks.
i try it.
:)

true_friend
11-02-2006, 03:31 AM
its ok. i have increased my width to 98%. now i want an other think. plz see this (http://dost.ueuo.com/?p=56) page. Subscriptions are under the content bar but they should be at left side as they are located in sidebar. the ID i refered there is sidebar. but this setting only works if post and comments are long.(eg. this post (http://dost.ueuo.com/?p=64)) if there is a short post there icons come under the commencts box. is there any solution of it???.
Regards



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum