Drupal Association members fund grants that make connections all over the world.
Changing the colors
You can adjust some of the colors in Bartik by going on the theme settings page (Administration > Appearance > Settings > Bartik.) This allows you to adjust the colors by entering the hex codes or choosing colors from a color wheel for the following:
- Main background
- Link color
- Header top
- Header bottom
- Text color
- Sidebar background
- Sidebar borders
- Footer background
- Title and slogan
Creating a subtheme
If you would like to make adjustments by adding css, it's best practice to create a subtheme.
This is an example of a subtheme named Jean.
- Create the folder:
- Create the file
- Create a blank file named:
- Copy from bartik or create your own:
- In order to get the color module to work with your subtheme, you will need to do the following:
- Copy the file
- Copy the folder and its contents
- Copy the file
name = Jean description = A subtheme of Bartik, which is a flexible, recolorable theme with many regions. core = 7.x base theme = bartik stylesheets[all] = css/jean.css stylesheets[all] = css/colors.css 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 settings[shortcut_module_link] = 0
Go to the the Administration > Appearance page to enable your new subtheme called Jean. Now you can add CSS to your
jean.css file, and it will apply to your new subtheme.