CSS according to content type

By rujikin on 22 Oct 2012 at 05:52 UTC

I need to have a CSS class applied to certain content types. Some content types need the CSS class applied to them and other content types do not need it applied to them. Is there a way to specify this?

Comments

Hi most themes provide a

ameymudras commented 22 October 2012 at 06:14

most themes provide a class according to the content type to the body.
so using this class you can give css to any element such that it is always according to content type

I love Drupal & working since 7.5+ years now in Drupal.

as a specific example, this

dman commented 22 October 2012 at 06:31

as a specific example, this page on drupal.org contains

<div id="node-1819402" class="node clear-block node-type-forum">

so you can add css like

.node-type-forum {
  background-color:pink;
}

to pinkify all forum content type content.

The node level may not be useful enough for you, but other themes sometimes put the node type class into the body tag, so you may be able to use css chaining like

.node-type-forum .title{
  color:blue;
}

_{.dan. is the New Zealand Drupal Developer working on Government Web Standards}

Perfect

ameymudras commented 22 October 2012 at 06:55

thats perfect...

I love Drupal & working since 7.5+ years now in Drupal.

I am making a custom theme.

rujikin commented 22 October 2012 at 16:26

I am making a custom theme. No pre-made themes were quite what I wanted.

class="node-type-article"

Would this be correct? I just want to know how to associate it right now.

In case you can't see the

Ayesh commented 22 October 2012 at 07:07

In case you can't see the node type in your theme, open node.tpl.php file from your theme's templates folder and add the following to where you have classes added to the most top level div.

print $node->type;

For example,
<div class=node-wrapper">
can be replaced with:
<div class=node-wrapper <?php print $node->type; ?>">

What's new and changing in PHP 8