O'Reilly logo

Drupal 7 Theming Cookbook by Karthik Kumar

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Inspecting elements and debugging CSS using Firebug

Prior to the advent of Firebug, debugging documents styled with complex CSS was an exercise in tedium. In this recipe, we will be demonstrating the use of Firebug in locating an errant margin that we are looking to modify.

The default setting for comment display in Drupal is to thread and nest them. In other words, replies to existing comments are added beneath them and indented by way of a margin to indicate each comment's specific level in the hierarchy. We are going to find out which CSS file, as well as the rule in particular, is responsible for this margin and modify it accordingly.

Getting ready

For the purposes of this recipe, the comment module will need to be enabled and some test content ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required