I have found a ton of tutorials and vids to help me with this, but I just can't seem to get it to work.

On this node:
http://motoatx.com/content/test-motorcycle

I want to theme the fields to look more like this:

2007 BMW F800 (these inline instead of on top)

......insert pictures...............

Description:
One bad motorcycle

Type:
Sportbike Adventure/Touring (these inline instead of on top of each other)

I've added this into my node--motorcycle_ad.tpl.php:

  <div class="motorcycleyear">

    <?php print render($content['field_year2']); ?>

  </div>

  <div class="motorcyclemake">

    <?php print render($content['field_make_manufacturer']); ?>

  </div>

  <div class="motorcyclemodel">

    <?php print render($content['field_model']); ?>

  </div>

And I've tried to add css to those divs. HOwever the CSS doesn't do anything to them.

.motorcycleyear {
  background: #ff0000;
}
.motorcyclemake {
  background: #ff0000;
}
.motorcyclemodel {
  background: #ff0000;
}

Any help would be much appreciated!

Comments

Seems like when I change "div

Seems like when I change "div class" to "div id" it works. I knew that once I post up for help I'd figure it out!

nobody click here