How do I use custom css only for nodes created by a custom module in Drupal 7

Question

I have a custom module in Drupal 7 that creates nodes. I want a custom css stylesheet (customstyle.css) applied when one of the nodes created by my custom module is rendered, but only when one of the nodes created by my custom module is rendered.

The simple solution (adding stylesheets[all][] = customstyle.css to my custom module's .info-file) applies the style sheet to all pages, including pages containing nodes not created by my custom module. I do not want that.

You will need to create a preprocess function in your theme folder to add the CSS required depending on the node type. You will have to implement template_preprocess_html. There is a good answer by Clive covering a similar functionality here: stackoverflow.com/a/7354562/1027644 — KerrM
– KerrM, Commented Dec 10, 2012 at 23:26
Also, this is assuming that your node creates a custom node type, that will allow you to differentiate between nodes created by that module and nodes not created by that module — KerrM
– KerrM, Commented Dec 11, 2012 at 1:19

Free Radical · Accepted Answer · 2012-12-12 23:41:35Z

5

I assume that "nodes created by my custom module" means that they have some special node type. If so, you can implement hook_node_view() in your module and then call drupal_add_css() based on the node type or any other property:

function mymodule_node_view($node, $view_mode) {
  if ($view_mode != 'rss') {
    if ($node->type == 'mynodetype') {
      drupal_add_css(drupal_get_path('module', 'mymodule') . '/mynodetype.css');
    }
  }
}

edited Dec 12, 2012 at 23:41

Free Radical

2,0921 gold badge23 silver badges39 bronze badges

answered Dec 11, 2012 at 17:11

jamix

5,6385 gold badges31 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kyletaylored · Accepted Answer · 2012-12-11 20:15:11Z

0

I would do it the site builder way. Use Context to target that node type, then assign the reaction to load your CSS file, just use .context-[node type] to target specific elements in those pages.

For example if your node type is apple recipes, you can use .context-apple-recipes

answered Dec 11, 2012 at 20:15

kyletaylored

7591 gold badge7 silver badges17 bronze badges

Collectives™ on Stack Overflow

How do I use custom css only for nodes created by a custom module in Drupal 7

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related