Last updated March 22, 2011. Created on March 20, 2011.
Edited by arianek, Carolyn. Log in to edit this page.

Bartik is the default theme for Drupal 7.


The Bartik theme comes with several regions.

regions[header] = Header
regions[help] = Help
regions[page_top] = Page top
regions[page_bottom] = Page bottom
regions[highlighted] = Highlighted

regions[featured] = Featured
regions[content] = Content
regions[sidebar_first] = Sidebar first
regions[sidebar_second] = Sidebar second

regions[triptych_first] = Triptych first
regions[triptych_middle] = Triptych middle
regions[triptych_last] = Triptych last

regions[footer_firstcolumn] = Footer first column
regions[footer_secondcolumn] = Footer second column
regions[footer_thirdcolumn] = Footer third column
regions[footer_fourthcolumn] = Footer fourth column
regions[footer] = Footer

These can be seen in action in the following screenshot:

screenshot of the bartik theme


The primary menu appears as tabs along the top of the page, below the header.

The secondary menu appears in the upper left corner.

The color module, if enabled, can be used to change the color of several parts of the Bartik theme, including the header (as a gradient), footer, link and text color.


The Bartik theme is named after Jean Bartik, one of the original programmers for the ENIAC computer.

Looking for support? Visit the forums, or join #drupal-support in IRC.


allanx’s picture

note that to display in IE6 some widening of the width in the layout.css is required to avoid pushing sidebars underneath content.

eg I widened the 960px to 1000px to avoid the overflow.

one-sidebar #content {
width: 680px;

#sidebar-second {
width: 280px;