Thesis CSS Map

I haven’t found a lot of great resources for adding basic CSS customizations for the Thesis theme so I created one of my own.

Note: If you’re looking for a Thesis theme hooks map, you can find one here.

I didn’t drill down to every single child element, but if you’re looking for the basic container divs on the main default page or need some place to start here it is.

I colored the divs with the following custom CSS.

.custom #body {}
.custom #container { border: 1px solid blue !important; }
.custom #page { border: 1px solid green !important; margin:4px;}
.custom .menu { border: 1px solid red !important; }
.custom #header { border: 1px dashed blue;}
.custom #content_box { border: 1px dashed green; width: 952px;}
.custom #content { border: 1px dashed red;}
.custom .post { border: 1px dotted blue;}
.custom .headline_area { border: 1px dotted green;}
.custom .teasers_box { border: 1px dotted red; }
.custom #sidebars {border: 1px dashed purple;}
.custom #sidebar_1 { border: 1px dashed brown; width: 190px;}
.custom #sidebar_2 { border: 1px dashed black; width: 190px;}
.custom #footer {border: 1px solid red; }

(Click the the thumbnail for the full size link)

Tagged as: css, customizing thesis, html, template, thesis css, thesis theme, web design, xhtml