Content Bereich des Blue Themes vergrößern

Hirakou

Hi,
ich amche gerade meine erste Seite mit Wordpress und hab als Design "BlueBlog" von David Herreman genommen. Das Design ist in Ordnung aber mich stört dass der Content Bereich ein bisschen schmal ist. Aber ich weiß nicht wie ich ihn vergrößern kann. Hier ist schonmal die Style.css. Danke schonmal für die Antworten.

lg Hirakou

Code

/*


    BlueBlog - FREE Template 
    by David Herreman
    http://www.free-css-templates.com
    
*/


body { 
    margin:0px 0; 
    padding:0; 
    color:#ccc;  
    background: #303B41 url('images/bg.jpg') repeat-x;
    line-height: 1.4em; font-style:normal; font-variant:normal; font-weight:normal; font-size:74%; font-family:Arial, Sans-Serif 
}


a img
{
border:none;
}




.content { 
    background: #FFF url('images/mainbg.jpg') repeat-y center;
    color: #ccc; 
    margin: 0 auto; 
    padding: 0; 
    width: 900px
}


.img {
    padding: 0 8px 8px 0;
    float: left;
}


.img2 {
    padding: 0 0 3px 3px;
    float: right;
}






/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#top {
    padding: 0;
    margin: 0;
    background: #000 url('images/top.jpg') no-repeat top;
    height: 44px
}


#top .padding { 
    float: right;
    color: #808080;
    padding: 20px 25px 0 0;
    font-size: 90%;
}


#top a { color: #E0F5FF; }




#header { 
    margin: 0; 
    width: 800px; 
    background: #036EB4 url('images/header.jpg') no-repeat center top;  
    height: 149px; 
    color: #FFF 
}








#header .f_search { float: right; padding: 70px 50px 0 0; }


























#header .title {    padding: 45px 0 0 50px; }
#header h1 {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 14px; font-weight: bold;
        margin: 0;
        padding: 0; 
}


#header h2 {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 22px; 
       background-image: none;
        color: #075181;
        margin: 0;
        padding-left:0px; padding-right:0; padding-top:0; padding-bottom:0
}




/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader { 
    background: #000 repeat-y center;
    width: 770px;
    height: 35px;
    color: #FFF;
    margin-left: 15px;
    
}
#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }






/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav { text-align: left; color:     #7D8085; padding: 20px 0 0 0px; width: 200px; }
.nav li { 
    margin: 5px 0 5px 0px; 
    padding: 0px 0 0 0px; 
    border-bottom: 1px dotted #ccc; 
    
    list-style: none;
}
.nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 0px; display: block; margin-bottom: 2px;}
.nav li a:hover { color: #075181; text-decoration: none; background: #E5F6FF; display: block; margin-bottom: 2px;}




/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main { background: #FFF; width: 760px; margin: 0 20px 0 20px; color: #808080; }  
#main .right_side { float: right;
    padding:0px 0 0 10px; margin:0;
    background-color: #FFF;
    width: 310px; 
}


#main .right_side .hitems { margin: 0;     padding: 0; }
#main .right_side .hitems ul { 
    margin: 5px 0; 
    padding : 0; 
    color: #a90000;
    list-style-image: url('images/arrow.gif');
}
    
#main .right_side .hitems li { 
    margin: 0 0 2px 20px;
    padding: 0 0 0 0px;
    color: #555;
     
}


#main .left_side { float: left; width: 500px; background: #FFF; padding:15px 15px 0 20px; margin:0; }
#main h3 {  font: 85% Arial, Sans-Serif; margin: 0 0 10px 0px; padding: 0; color: #5f5f5f; background: inherit; 
            border-bottom: 1px solid #036CB4;
}


#main .box  {    background: #efefef; padding: 5px; border: 1px solid #ccc;}


#main .right_side ul { 
    margin: 5px 0 5px 0; 
    padding : 0; 
    list-style : none; 
    border-bottom: 0px solid #eee; 
    list-style-type: square;
    color: #a90000;
}
    
#main .right_side li { 
    margin: 0 0 2px 15px;
    padding: 0 0 0 0px;
    color: #555;
}


#main .right_side  .padding {
margin: 0 0 20px 15px;
    padding: 0 0 0 0px;
    color: #555;
}




/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { 
    clear:both;
    height: 43px;
    color:#ccc;  
    background: #000 url('images/footer.jpg') no-repeat top; 
    font-size:90%; 
    padding: 0; 
    text-align:center 
}


#footer .padding { padding: 10px 0px 0px 0px; }
#footer .right { 
    float:right; 
    clear:right; 
    text-align:right; 
}


#footer a { color: #E0F5FF; }


/*  Top Menu */
#menu {
    background: #000 url('images/menu.jpg') no-repeat center bottom;
    width: 760px;
    height: 35px;
    margin: 0;
    padding: 0
}


#menu ul { margin:0; list-style:none; padding: 5px 0 0 20px; }
#menu a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 5px; text-decoration:none;  }
#menu a { float:none; }
#menu li { float:left; color: #FFF; background: #000; margin:0; padding:0 0 0 0px; }
#menu a:hover { text-decoration:underline;}  
#menu .padding { padding: 5px 0 0 10px; font-weight: bold; }








/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/


input.search { width: 150px; border: 1px solid #075181; color: #666; }
input.submit { 
    background: none; 
    color: #075181;
    border: 0px none;; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif
}


input.search:hover {    background: #FFFFF4; }


ul { margin-left: 0; padding-left: 5px; list-style : square; }
li {     margin: 0 0 2px 15px; padding: 0 0 0 0px;    color: #555; }
.sub  {margin: 0 0 2px 30px; padding: 0 0 0 0px;  color: #888; }


p { margin: 0 0 5px 0; padding: 0; color: #808080; background: inherit; }
a { color: #075181; background: inherit; text-decoration:none; }
a:hover { background: inherit; text-decoration:underline; }


h1 { 
    padding:0; 
    margin:0; 
    color: #FFF; 
    background: inherit;
    font: bold 1.8em Arial, Sans-Serif; 
    letter-spacing: -1px;
}


h1 a { color: #FFF; background: inherit; }


h2 { 
    background: url('images/h.gif') no-repeat left;
    color:#075181;
    font-size:140%; 
    font-weight:bold; 
    margin-left:0px; margin-right:0; margin-top:5px; margin-bottom:5px; padding-left:30px; padding-right:0; padding-top:0; padding-bottom:0 
}


h2 a { background: #FFF; color: #075181; }
h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }


fieldset {    border: 1px solid #075181; }
textarea.text { 
    height: 150px; 
    width: 90%; 
    border: 1px solid #A90000; 
    background: #FFF; 
    color: #354D5F;
}


textarea.text:hover { 
    border: 1px solid #A70000; 
    background: #FFFFF4; 
    color: #000;
}


input.field { 
    border: 1px solid #075181; 
    background-color: #FFFFFF; 
    width: 283px; 
    color: #000;
}


input.field:hover { 
    border: 1px solid #68ADD5; 
    background: #FFFFF4; 
    color: #000;
}


input.text { 
    border: 1px solid #A70000; 
    margin: 0; 
    width: 150px;
    background: inherit;
    color: #000; 
    padding: 4px;
    
}




input.text:hover { 
    border: 0px solid #68ADD5; 
}


.date { 
    color: #808080; 
    background: #FFFFFF;
    text-align: right; 
    margin: 4px 0 5px 0; 
    padding: 0.4em 0 0 0; 
    border-top: 1px solid #eee;
}


.comments { 
    padding: 10px 10px 8px 10px; 
    margin: 0 0 7px 0; 
    background: #f8f8f8; 
    color: #000;
}


.commentsbox { 
    padding: 8px 0 10px 10px; 
    margin: 0 0 10px 0; 
    background: #f4f4f4; 
    color: #000;
}


.error {
    color: #990000;
    background-color: #FFF0F0;
    padding: 7px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px dashed #990000;
}
.error h2 {
    color: #990000;
    background: inherit;
}


.success {
    color: #000000;
    background: #F5FBE1;
    padding: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px dashed #7BA813;
}
.success h2 {
    color: #7BA813;
    background: inherit;
}




/*post stylng*/
.post{margin:0 0 25px 0;}


.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}






/*comment styling*/
/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}


#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}


#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}


#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Content Bereich des Blue Themes vergrößern

Jetzt mitmachen!