Sidebar vergrößern? Aber wie?! Brauche Hilfe

onlyONEman

Einen Guten Abend Wordpress Community,

ich brauche dringend Hilfe, wie ich die linke Spalte verkleinern kann, um die Rechte größer zu machen. Es ist echt wichtig für mich, weiß aber leider nicht wie es geht.

Hier ist die CSS-Datei:

PHP

/* LAYOUT */
body {
 background: url(images/background.jpg) center top no-repeat;
 }
#wrapper {
     background: url(images/wrapper-bg.png) left 234px repeat-x;
     }
#container {
 }
#contentwrap {
    background: url(images/contentwrap.png) center top repeat-y;
 }
a {
 color: #010101;
 }
a:hover {
 color: #5e0000;
 }
/* HEADER */
#header {
 height: 144px;
 }
#header h1 {
 margin-bottom: 0px !important;
 padding: 36px 0 0 15px;
 font-weight: normal;
 font-family: Arial, Helvetica, Sans-serif;
 font-weight: bold;
 font-size: 48px;
 }
#header h1 a, #header h1 a:visited {
 color: #1A1E25;
 text-decoration: none;
 }
 
#header h2 {
 padding-left: 15px;
 color: #787D87;
 font-size: 14px;
    font-family: Arial, Helvetica, Sans-serif;
 }
.logoimg {
    margin: 40px 0 0 0px;
}
 
/* NAVIGATION MENUS */
 
#pagemenucontainer {
 height: 34px;
    padding-left: 0px;
    margin-top: 10px;
    float: left;
 }
 
#pagemenu {
 height: 34px;
    background: url(images/pagenav-bg.png) left top repeat-x;
 }
#pagemenu, #pagemenu ul { 
 padding: 0;
 margin: 0;
 list-style: none;
 line-height: 1;
 }
#pagemenu {
 margin-bottom: 1px;
 }
 
#pagemenu ul {
 float: left;
 list-style: none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 }
 
#pagemenu li {
 float: left;
 list-style: none;
 margin: 0px;
    padding: 0px 2px 0 2px;
 }
 
#pagemenu ul li {
 list-style: none;
 margin: 0px;
 padding: 0;
 }
 
#pagemenu li a, #pagemenu li a:link {
 color: #1A1C1F;
 display: block;
    margin: 0;
 padding: 10px 10px;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 11px;
    font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
    border-top: 3px solid #555657;
 }
 
#pagemenu li a:hover, #pagemenu li a:active{
 color: #5e0000;
 display: block;
 text-decoration: none;
    background: url(images/pagenav-hover.png) center top no-repeat;
    border-top: 3px solid #8f1010;
 }
 
#pagemenu  li.current_page_item a {
 color:#5e0000;
    background: url(images/pagenav-hover.png) center top no-repeat;
    border-top: 3px solid #8f1010;
 }
#pagemenu li:hover, #pagemenu li.sfhover { 
 position: static;
 }
 
#navcontainer {
 height: 46px;
    background: #1A1C1F;
 display: block;
 overflow: hidden;
    }
 
#navcontainer .current-cat a {
 background: url(images/nav-background-hover.png) top left repeat-x;
    color:#EDF0F4;
 }
 
 
/* CONTENT */
#content {
    color: #545555;
 padding: 15px;
 }
 
pre { overflow: auto; 
 width: 470px; 
 }
.post {
 padding-bottom: 15px;
 margin-bottom: 15px;
    border-bottom: 1px dashed #B3B4B4;
 }
.post p {
 margin-bottom: 10px;
 }
.title {
 margin: 0 0 8px 0;
 padding: 0px;
 line-height: 22px;
 font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
 color: #1B1D20;
 }
 
.title a {
 text-decoration: none;
 color: #1B1D20;
 }
.title a:hover {
 text-decoration: none;
 color: #537C04;
 }
.pagetitle {
 margin-bottom: 20px;
 line-height: 22px;
 font-family: Arial, Helvetica, Sans-serif;
 text-decoration: underline;
}
.postdate {
 font-size: 13px;
 font-family: Arial, Helvetica, Sans-serif;
    font-style: italic;
    color: #1B1D20;
 }
 
.postmeta {
 font-size: 11px;
 padding: 2px 4px;
 font-family: Arial, Verdana;
 }
 
.postdate img, .postmeta img {
 border: none;
 vertical-align: middle;
 margin:2px;
 }
 
.entry {
 text-align: justify;
 line-height: 20px;
 padding-top: 8px;
 font-family: Arial, Verdana;
 font-size: 14px;
 }
.navigation {
 padding: 10px 0;
 }
blockquote {
 overflow: hidden;
 padding-left: 9px;
 font-style: italic;
 color: #666;
 border-left: 3px solid #CADAE7;
 }
 
.post img {
 max-width: 680px;
 }
img.wp-smiley {
 max-height: 12px;
 margin: 0;
 padding: 0;
 border: none;
 }
 
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
 }
.alignleft {
   float: left;
 }
.alignright {
   float: right;
 }
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
 }
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
 }
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
 }
 
/* wp-pagenavi */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    font-size: 15px !important;
    padding:  4px 8px !important;
    color: #555657 !important;
    background:none !important;
    border: 0 !important;
}
.wp-pagenavi a:hover {
    border: 0 !important;
    color: #FFFFFF !important;
    background:#555657 !important;
    border: 0 !important;
}
.wp-pagenavi span.pages {
    font-size: 15px !important;
    padding:  4px 8px !important;
    color: #555657 !important;
    background: none !important;
    border: 0 !important;
}
.wp-pagenavi span.current {
    font-size: 15px !important;
    padding:  4px 8px !important;
    font-weight: bold;
    color: #FFFFFF !important;
    background:#466414 !important;
    border: 0 !important;
}
.wp-pagenavi span.extend {
    font-size: 15px !important;
    padding:  4px 8px !important;
    background:transparent !important;
    color: #555657 !important;
    background: none !important;
    border: 0 !important;
  }
/* SIDEBAR(S) */
.sidebaradbox {
 margin-top: 5px;
 text-align:center;
 }
.ad125 {
 margin: 10px;
 }
 
.sidebar {
 margin: 0;
    color: #3E3F3F;
    background: #d0d0d0;
 }
.sidebar-right {
   margin: 0 1px 0 0;
 }
.sidebar-left {
    margin: 0 0 0 1px; 
       }
 
.sidebar a {
 text-decoration: none;
 color: #3E3F3F;
 }
.sidebar a:hover {
 text-decoration: underline;
 color:#5e0000;
 }
#search {
    border: 1px solid #BBBEC0;
    height: 26px;
    padding: 0;
    background: #FFFFFF;
    text-align: right;
}
#search input {
 border: 0;
    background: none;
    color: #3F3F3F;
}
 
 
#s {
 width: 220px;
 padding: 4px;
    margin:0px 0 0 0;
    background: none;
}
#topsearch #search {
    margin-top: 8px;
    }
 
#topsearch #s {
    width: 230px;
    }
 
.sidebar h2 {
 margin: 10px 0 0 0;
 padding: 12px 0 12px 10px;
 background: url(images/sidebar_tab.png) left top repeat-x;
 font-size: 14px;
    line-height: 16px;
 font-family: Arial, Helvetica, Sans-serif;
 font-weight: bold;
 text-transform: uppercase;
 color: #F3F3F3;
 }
 
.rssbox {
 background: #F4F4F4;
 border: 1px solid #E5E7E7;
 padding: 10px;
 margin: 10px 0 0 0;
 }
.rssbox:hover {
    border: 1px solid #E5E7E7;
    background: #FFFFFF;
    }
.rssbox a {
 color: #1B1D20;
 text-transform: uppercase;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
    font-family: Arial, Helvetica, Sans-serif;
 }
.rssbox a:hover {
 color: #1B1D20;
 text-decoration: underline;
 }
.twitterbox {
 background: #F4F4F4;
 border: 1px solid #E5E7E7;
 padding: 10px;
 margin: 10px 0 0 0;
 }
.twitterbox:hover {
    border: 1px solid #E5E7E7;
    background: #FFFFFF;
    }
.twitterbox a {
 color: #1B1D20;
 text-transform: uppercase;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
    font-family: Arial, Helvetica, Sans-serif;
 }
.twitterbox a:hover {
 color: #1B1D20;
 text-decoration: underline;
 }
.sidebar ul {
 list-style-type: none;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 }
 
.sidebar ul li {
 list-style-type: none;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 }
.sidebar ul ul {
 list-style-type: none;
 margin: 0px;
 padding: 0;
 }
 
.sidebar ul li li {
 padding: 6px 0 6px 10px;
 margin:0px;
    background: url(images/arrow.png)  left 13px no-repeat;
    }
 
.sidebar ul li ul li {
    background: url(images/arrow.png)  left 13px no-repeat;
 padding: 6px 0 6px 10px;
    margin: 0;
 }
 
 
#wp-calendar th {
 font-style: normal;
 text-transform: capitalize;
 color: #3E3F3F;
 background: none;
 }
#wp-calendar caption {
 padding: 2px 4px;
 text-transform: uppercase; margin: 2px 0 2px 0;
 background: none;
    color: #3E3F3F;
 }
#wp-calendar td {
 color: #3E3F3F;
 font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
 letter-spacing: normal;
 padding: 2px 0;
 text-align: center;
 }
#wp-calendar td:hover, #wp-calendar #today {
 background: #466414;
 color: #fff;
 }
 
#wp-calendar {
 empty-cells: show;
 font-size: 14px;
 margin: 0;
 font-weight: bold; 
 width: 95%;
 }
 
/* FOOTER */
#footer {
 background: #262D31;
 padding: 20px 0;
 text-align: center;
 color: #F4F4F4;
 font-size: 13px;
    margin-top: 10px;
 }
#footer a {
 color: #F4F4F4;
 } 
#footer a:hover {
 text-decoration: none;
 } 
 
#footer2 {
 color: #262D31;
 font-size: 0px;
 text-align: center;
 padding: 10px;
 }
#footer2 a {
 color: #262D31;
    text-decoration: none;
 } 
 
/* COMMENTS */
#comments h3 {
 margin-bottom: 10px; 
}
#commentform input {
 width: 170px;
 padding: 2px;
 margin: 5px 5px 1px 0;
 }
#commentform {
 margin: 5px 10px 0 0;
 }
 
#commentform textarea {
 width: 100%;
 padding: 2px;
 }
 
#respond:after {
  content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
 }
 
#commentform #submit {
 margin: 0 0 5px auto;
 float: right;
 }
.alt {
 margin: 0;
 padding: 10px;
 }
.commentlist {
 padding: 0;
 text-align: justify;
 }
.commentlist li {
 margin: 15px 0 10px;
 padding: 5px 5px 10px 10px;
 list-style: none;
 }
 
.commentlist li ul li { 
 margin-right: -5px;
 margin-left: 10px;
}
.commentlist p {
 margin: 10px 5px 10px 0;
}
.children { padding: 0; }
#commentform p {
 margin: 5px 0;
 }
.nocomments {
 text-align: center;
 margin: 0;
 padding: 0;
 }
.commentmetadata {
 margin: 0;
 display: block;
 }
 
.post_thumbnail {
    padding: 6px;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    margin: 0 10px 10px 0;
}

Alles anzeigen

Grüße only

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

koslowski

Moin,

sowas kannst du mit Firebug (deutsches Tut dazu) herausfinden.

Vermute aber fast das du dir mit Little Boxes erst mal die Grundlagen erarbeiten solltest.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar vergrößern? Aber wie?! Brauche Hilfe

Jetzt mitmachen!