Template Design anpassen - Breite

Hallo zusammen,

ich habe folgendes Template installiert:

http://themeton.com/themes/doma/

(wenn man sich den Quellcode anschaut, hat man auch die Möglichkeit, die style.css anzusehen - denn um die geht es vermutlich...)

Da ich zu sehr Anfänger bin, schaffe ich folgende Änderung nicht:

Die hell- und dunkel-grauen "Balken" im Template haben offenbar eine Größe, die sich mit dem Browserfenster verändert. Ich würde diese jedoch gerne links und rechts "abschneiden", d.h. sie sollen nur über die Breite des eigentlichen Inhaltes gehen und dann links und rechts einfacher, weisser Hintergrund. Den gesamten Inhalt würde ich dann gerne links ausrichten.

Kann mir jemand sagen, welche Angaben ich wo in die style.css einfügen muss? Wie gesagt, Anfänger, aber ambitioniert ;-)

Danke euch vielmals
Lordeppe

Danke, aber ich finde weder "page" noch "bottom" in der style.css bzw. nicht so, wie ich es erwarten würde....

Hier einmal die Datei:

/* Theme Name: Doma Theme URI: http://themeton.com/ Description: Doma is a professional WordPress theme. Designed and developed by ThemeTON. Author: the ThemeTON Version: 1.0 Tags: corporate, two-columns, stylish */ .clearblock{ width:100%; clear: both; } /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html*/ /* WIDGET CATEGORY LIST */ .widget_categories ul { list-style: none; } .widget_categories ul li, #bottom ul.category-list li, .list1 li { padding: 6px 0; border-bottom: 1px solid #e9e9e9; padding-left: 20px; background: url(images/arrow-hover.png) no-repeat left center #FFFFFF; } .widget_categories ul li a, #bottom ul.category-list li a { text-decoration: none; color: #999999; } .widget_categories ul li a:hover, #bottom ul.category-list li a:hover { color:#666666; } .widget_categories ul li:hover, #bottom ul.category-list li:hover, .list1 li:hover { background: url(images/arrow.png) no-repeat left center #FFFFFF; color: #666666; } /* WIDGET ARCHIVE LIST */ .widget_archive ul li { width: 50%; float: left; padding: 6px 0; border-bottom: 1px solid #e9e9e9; background: url(images/arrow-archive-hover.jpg) no-repeat left center #FFFFFF; } .widget_archive ul li a { text-decoration: none; color: #999999; padding-left: 15px; } .widget_archive ul li a:hover { color: #666666; } .widget_archive ul li:hover { text-decoration: none; color: #666666; background: url(images/arrow-archive.jpg) no-repeat left center #FFFFFF; } /* WIDGET COMMENT LIST */ .widget_recent_comments ul, #bottom ul.comment-list, ul.list2 { list-style: none; } .widget_recent_comments ul li, #bottom ul.comment-list li, ul.list2 li { padding: 6px 0; border-bottom: 1px solid #e9e9e9; padding-left: 15px; background: url(images/arrow-comment-hover.jpg) no-repeat left 8px #FFFFFF; } .widget_recent_comments ul li a, #bottom ul.comment-list li a { text-decoration: none; color: #999999; } .widget_recent_comments ul li a:hover, #bottom ul.comment-list li a:hover { color:#666666; } .widget_recent_comments ul li:hover, #bottom ul.comment-list li:hover, ul.list2 li:hover { background: url(images/arrow-comment.jpg) no-repeat left 8px #FFFFFF; color: #666666; } .article h1 { padding-bottom:10px; } .article h1 a { color:#666666; text-decoration:none; font-size:25px; letter-spacing:1px; padding-bottom: 10px; } .post-item h1 a:hover { color:#333333; text-decoration:none; } li.page_item a { text-decoration:none; } /*footer*/ .footerModule ul { list-style:none; } .footerModule ul li.cat-item { background:none; border-bottom:1px solid #333333; background:none !important; padding-left:0px; }

(Sorry, sieht etwas chaotisch aus...)

Ah, o.k., die style.css sieht anders aus - Danke, da suche ich mal... Aber warum taucht dann die nicht im WP-Admin-Bereich auf? Ist ja etwas umständlich...

Danke dir!