Community Documentation

CSS Tips, Tricks, and Techniques

Last updated August 26, 2009. Created by NancyDru on March 3, 2007.
Edited by bekasu, LeeHunter, sepeck, beginner. Log in to edit this page.

In this section of the handbook you can show off your favorite tips, tricks, and techniques to make your site pretty with nothing but CSS. If your tip is theme-specific, be sure to specify to which theme it applies.

These are to be CSS-only tips, please do not include anything that also requires any coding in a page or in a module. There is a modules snippets section for those tips.

Feel free to add new tips or to enhance ones that are already posted. In fact, please try to reduce duplication as much as possible. We'd rather improve an existing page, then add another one.

PLEASE NOTE! The following tips are user-submitted. Apply them at your own risk! In general, CSS will not "break" your site, but it can cause unexpected formatting or lack of user control.

If you are developing a brand new theme, see the Theme developer's guide.

Javascript snippets can be found in the Javascript section.

About this page

Audience
Themers

Theming Guide

Drupal’s online documentation is © 2000-2012 by the individual contributors and can be used in accordance with the Creative Commons License, Attribution-ShareAlike 2.0. PHP code is distributed under the GNU General Public License.
nobody click here