Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Oct 2006
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Increasing Blog's Width

    Code:
    /*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.
    Regards

  • #2
    ess
    ess is offline
    Regular Coder
    Join Date
    Oct 2006
    Location
    United Kingdom
    Posts
    865
    Thanks
    7
    Thanked 29 Times in 28 Posts
    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

    Good luck

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.
    Code:
    /*wrap it in*/
    #wrap {
    background : transparent;
    width:80%;
    margin:5px auto;
    padding:0px;
    position:relative;
    }
    html>body #wrap {
    max-width:85em;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #4
    New Coder
    Join Date
    Oct 2006
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts
    thanks folks.
    i try it.

  • #5
    New Coder
    Join Date
    Oct 2006
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts
    its ok. i have increased my width to 98%. now i want an other think. plz see this 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) if there is a short post there icons come under the commencts box. is there any solution of it???.
    Regards


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •