Colorbold - Design anpassen (Breite des Content und der Sidebar)

testenur

Guten Tag,

ich bin noch sehr neu, was die ganze Wordpress-Thematik betrifft und hoffe, ich finde hier die benötigte Hilfe. Mein Problem ist folgendes:

Ich möchte gern Adsense Werbung auf meiner Site schalten, leider ist diese breiter als der jeweilige Content Bereich. Nun würde ich diesen gern verbreitern und die Sidebar etwas einrücken. Ich hab schon einiges in der style.css rumprobiert, allerdings führte nichts zum richtigen Erfolg. Die graue ?Border? Linie rechts lässt sich einfach nicht verschieben. Um mein Anliegen nachzuvollziehen, folgen Screenshot und Quellcode. Da ich nicht weiß, inwieweit Eigenwerbung hier erwünscht ist, habe ich die Site mal zensiert, hoffe ihr erkennt das Problem dennoch, es ist grün umrahmt.
Ich bitte um Hilfe, vielen Dank :)
Bild:

Hier dann noch der Code der .css. Allerdings musste ich diesen kürzen, da nur 10.000 Zeichen pro Beitrag gestattet sind, ich hoffe, der obere Teil des Codes genügt.

Code

/* MAIN STYLES-------------------------------------------*/
* { margin: 0; padding: 0; }




body,html {
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#333;
    margin:0;
    padding:0;
    background:url(images/bk_body.jpg);
    line-height:135%;
}




ul {
    list-style:none;
}




a {
    color:#0093CA;
    text-decoration:none;
}




a:hover {
    text-decoration:underline;
}




a:focus {
    outline:none;
}




p {
    margin:1em 0;
}




h1, h2 {
    font-size:28px;
    color:#0093CA;
    letter-spacing:-1px;
    font-weight:normal;
    line-height:100%;
    padding-bottom:10px;
}




h2 {
    font-size:20px;
    color:#333;
    padding-top:10px;
}




 /* LAYOUT STRUCTURE
--------------------------------------------------*/
#mainWrapper {
    background:url(images/bk_mainwrapper.png) 0 0 repeat-x;
    min-width:1024px;
}




#wrapper {
    margin:0 auto;
    width:976px;
}








#header {
    height:155px;
    position:relative;
    z-index:99; 
    padding:0 8px;
}




#content {
    padding:0 8px 20px;
    background:url(images/bk_content.png) 0 0 repeat-y;




}




#colLeft{
    width:653px;
    float:left;    
    padding:20px 30px 17px 25px;
    background:url(images/bk_colleft.png) 0 0 repeat-x;
}




#colRight {
    width:250px;
    float:left;    
    padding:0 1px;
    position:relative;
}




#footer {
    border-bottom:6px solid #282828;
    background:#000 url(images/bk_footer.jpg) 0 0 repeat-x;
    padding:20px;
    width:920px;
    margin:0 auto 20px;
    color:#666;
    position:relative;
    font-size:11px;
    min-height:44px;
}




/* HEADER ELEMENTS
------------------------------------------*/
/* -- logo --*/
#logo {
    position:absolute;
    top:30px;
    left:22px;
    
}




#logo a img{
    border:none;
}








/* -- main menu --*/




#mainMenu {
    width:960px;
    height:47px;
    position:absolute;
    bottom:0;
}




#mainMenu ul.sf-menu {
    padding-top:19px;
    padding-left:3px;
}




#mainMenu ul.sf-menu li {
    float:left;
    padding:0 12px;
    font-size:12px;
}
#mainMenu ul.sf-menu li a {
    text-decoration:none;
    text-transform:uppercase;
}




#mainMenu ul.sf-menu li li a {
    padding:0 12px;
}




#mainMenu ul.sf-menu li li {
    padding:0;
    padding-top:2px;
    border:none;
    
}




#mainMenu ul.sf-menu li ul.children, #mainMenu ul.sf-menu li ul.sub-menu  {
    padding:0;
    
}




#mainMenu ul.sf-menu li ul.children li, #mainMenu ul.sf-menu li ul.sub-menu li, #mainMenu ul.sf-menu li.page_item ul li  {
    position:relative;
    line-height:100%;
    height:28px;
    text-transform:none;
}
#mainMenu ul.sf-menu li ul.children li a, #mainMenu ul.sf-menu li ul.sub-menu li a, #mainMenu ul.sf-menu li.page_item ul li a {
    text-decoration: none;
    display:block;
    padding-top:7px;
    line-height:100%;
    border:none;
    text-transform:none;
}








#mainMenu ul.sf-menu li ul.children li ul.children a, #mainMenu ul.sf-menu li ul.sub-menu li ul.sub-menu a {
    text-decoration: none;
    position:relative;
    border:none;
}
#mainMenu ul.sf-menu li ul.children, #mainMenu ul.sf-menu li ul.sub-menu, #mainMenu ul.sf-menu li.page_item ul
{
    margin-top:-2px;
    
}
#mainMenu ul.sf-menu li ul.children ul.children, #mainMenu ul.sf-menu li ul.sub-menu ul.sub-menu
{
    margin:0 0 0 25px;
}




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








#topMenu {
    position:absolute;
    right:8px;
    bottom:48px;
    background:url(images/bk_topmenu.png);
}




#topMenu ul li{
    float:left;
    padding:7px 15px;
    font-size:11px;
    color:#ccc;
}




#topMenu ul li a {
    color:#ccc;
}




#topMenu ul li a:hover {
    color:#FFF;
    text-decoration:none;
}




#site5top {
    position:absolute;
    top:37px;
    right:8px;
}




#site5top a {
    display:block;
    background:url(images/site5_top.png) 0 0 no-repeat;
    text-indent:-9999px;
    width:197px;
    height:22px;
}




.rssTag {
    position:absolute;
    width:63px;
    height:71px;
    background:url(images/rss_tag.png) 0 0 no-repeat;
    text-indent:-9999px;
    right:7px;
    top:105px;
    z-index:9999;
}




/* COL LEFT ELEMENTS
-------------------------------------------*/




.searchQuery, #archive-title {
    border-bottom:1px solid #E2E2D8;
    padding:0 0 10px;
    margin-bottom:15px;
}




#colLeft .blogPost .metaLeft {
    float:left;
    width:200px;
    text-align:center;
    padding-right:15px;
    padding-top:14px;
    display:none;
}




#colLeft .blogPost .metaLeft .month {
    text-transform:uppercase;
    font-size:11px;
    height:21px;
    line-height:21px;
}




#colLeft .blogPost .metaLeft .day {
    padding:12px 0;
    font-size:36px;
    border-bottom:1px dotted #cdcdcd;
    margin-bottom:10px;
}




#colLeft .blogPost .metaLeft .comments {
    font-size:16px;
    height:40px;
    line-height:30px;
    font-weight:bold;
}




#colLeft .blogPost .postRight {
    float:left;
    width:586px;
    padding-left:20px;
    border-left:1px solid #D8D8D8;
    padding-top:10px;
    position:relative;
    padding-bottom:10px;
}




#colLeft .blogPost .postRight .titBullet {
    position:absolute;
    left:-1px;
    top:15px;
    width:12px;
    height:22px;
    background:url(images/bullet_tit.jpg) 0 0 no-repeat;
}




#colLeft .blogPost .postRight .metaRight {
    border-top:1px dotted #CDCDCD;
    border-bottom:1px dotted #CDCDCD;
    padding:6px 0;
    font-size:11px;
}




#colLeft .blogPost .postRight .metaRight img {
    vertical-align:middle;
    margin-right:3px;
    border:none;
    padding:0;
}




#colLeft .blogPost a.more-link {
    display:block;
    width:91px;
    height:24px;
    padding-left:10px;
    clear:both;
    border:none;
    line-height:22px;
    margin-top:10px;
    font-size:12px;
}




#colLeft .single {
    margin-bottom:20px;
}




#colLeft p img {
    padding:8px;
    background:#F0F0F0;
    border:none;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
}




/* share icons */
#colLeft .social {
    border:1px solid #D8D8D8;
    background:#F2F2F2;
    padding:5px 10px;
    font-size:12px;
}




#colLeft .social a img {
    padding:0;
    border:none;
    background:none;
    vertical-align:middle;
}




#colLeft .social strong {
    color:#00C1F2;
    padding-right:10px;
}




.alignleft { 
    float:left; margin:5px 15px 5px 0;
}




.alignright { 
    float:right; margin:5px 0 5px 15px; 
}




.navigation {
    margin-left:65px;
    margin-top:15px;
}




.navigation .alignleft a, .navigation .alignright a {
    display:block;
    width:91px;
    height:24px;
    text-align:center;
    padding-left:8px;
    padding-top:3px;
    font-size:12px;
}




.navigation .alignleft a:hover, .navigation .alignright a:hover {
    text-decoration:none;
} 




.navigation .alignright a {
    text-align:left;
    padding-left:18px;
    width:73px;
}




#colLeft ul li {
    background:url(images/bullet_left.png) 0 10px no-repeat;
    padding:5px 0 5px 14px;
}




/* COL RIGHT ELEMENTS
------------------------------------------*/




#colRight #twitter {
    border-top:1px solid #CDCDCD;
    background:url(images/bk_grad_down.jpg) 0 0 repeat-x;
    padding:15px 13px;
    font-size:11px;
    color:#666;
    line-height:120%;
    margin:0;
    min-height:38px;
}




#colRight #twitter a img {
    float:left;
    border:none;
    margin:0 10px 0 0;
}




#colRight #twitter span {
    font-size:14px;
    color:#0FACEE;
    text-transform:uppercase;
    font-weight:bold;
    line-height:130%;
}




/* ads */




#colRight #ads {
    border-top:1px solid #CDCDCD;
    background:url(images/bk_grad_down.jpg) 0 0 repeat-x;
    padding:12px 0 8px 13px;
    margin:0;
}




#colRight #ads a {
    float:left;
    margin:0 8px 7px 0;
    border:none;

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.

Colorbold - Design anpassen (Breite des Content und der Sidebar)

Jetzt mitmachen!