By Karl Jacobs on

Hi I've reached a dead end building a theme for my homesite. I'm building a standalone theme using the Framework 3 code.

I've styled my blocks and teasers the way I want with dark background and CSS rounded corners you can see here http://karljacobs.co.uk/

I want to do a similar thing to the full node, see here http://karljacobs.co.uk/content/choco-2-template-oc-15-released

The only way I can see to style the full node is by using classes .main or .content, however these classes also style the front page and make the teasers appear as one whole and not seperated. So how can I style just the full node with CSS without effecting the teasers on the fron page?

My skills CSS are medium average and PHP skills are very basic(mainly just copy and pasting in .tpl's).

Will I need to create extra classes or node tpl's or am I missing something very obvious?

For any help/pointers I am very greatful. Please help!

⋅ Categories: Drupal 7.x

Comments

nevets’s picture

nevets commented

That is a "feature" of the theme you are using. In node.tpl.php, it starts with

<?php if (!$page): ?>
  <article id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
<?php endif; ?>

Many/most themes output that div all the time, framework does not.
You could copy the node.tpl.php to your subtheme and change those lines to

  <article id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>

Note if you do this, you need to change

<?php if (!$page): ?>
  </article> <!-- /.node -->
<?php endif; ?>

at the end to

  </article> <!-- /.node -->
Karl Jacobs’s picture

Karl Jacobs commented

Yep that works, goodluck and thankyou for your help.

satvision83’s picture

satvision83 commented

@nevets
Thank you very much!