O'Reilly logo

Drupal 7 Fields/CCK by Dave Poon

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

Time for action – styling the page using CSS

In this section, we will style the recipe content using CSS.

  1. Go back to the yummyrecipe theme directory drupalinstall/sites/all/themes/yummyrecipe/. Find the style.css file in the css directory, and open it in a text editor.
    Time for action – styling the page using CSS
  2. After opening the style.css file, we scroll down to the bottom of page. Copy and paste the following CSS code to the style.css file:
    /* ---------- Recipe Full Content View Mode ----------- */ .node-type-recipe .node-recipe .field-name-field-image { float: left; } .node-type-recipe .node-recipe .field-name-body { float: left; width: 320px; padding: 10px; border: 1px dotted #238DCF; } ...

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