Book Image

Drupal 7 Theming Cookbook

By : Karthik Kumar
Book Image

Drupal 7 Theming Cookbook

By: Karthik Kumar

Overview of this book

<p>The greatest strength of Drupal lies in its design which, when employed correctly, allows developers to literally handcraft every aspect of a site, so that it looks and performs exactly how they want it to. While it is reasonably straightforward to download a Drupal theme and install it, doing anything beyond that is not. Using custom themes requires familiarity and experience with Drupal's theming system, especially if you want to easily administer and maintain your themes.</p> <p>Drupal 7 Theming Cookbook provides a plethora of recipes that enable Drupal template designers to make full use of its extensibility and style their site just the way they want it. It is a well-rounded guide which will allow users to take full advantage of Drupal's theming system.</p> <p>This cookbook starts with recipes which address the basics of Drupal's theme system, including regions and blocks. It then moves on to advanced topics such as creating a custom theme and using it to modify the layout and style of content. With the introduction of the Field API and the growing importance of Views and Panels in Drupal 7, chapters have been dedicated to each feature. You will also learn many techniques for dealing with Drupal&rsquo;s templating system, which will allow you create themes which surpass even the existing Drupal and contributed modules.</p>
Table of Contents (18 chapters)
Drupal 7 Theming Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface

Including a CSS file in a theme


This recipe details the steps involved in adding a CSS file to the theme through its .info file. In this case, we will be adding a CSS file to the mytheme subtheme that we created earlier in this chapter.

Getting ready

We will be including a CSS file in this theme. Create a folder titled css within the mytheme folder at sites/all/themes/mytheme and within, create a CSS file named mytheme.css. Open the file in an editor and add the following example rule to it:

* {
   color: #996633 !important;
}

The above rule should override and change the color of all text on the page to a brownish hue. It is assumed that mytheme is the active/default theme of the site.

How to do it...

Adding a CSS file to a theme is best accomplished through its .info file. Navigate to the theme's folder at sites/all/themes/mytheme and open the mytheme.info file in an editor. Add the following line to this file to include our CSS file:

stylesheets[all][] = css/mytheme.css

Note

Note that...