I am newbie building my own subtheme from the starterkit.

I know there are a lot of css classes attached to the body tag, getting specific to even the name of the page. That's beautiful.

But how does zen differentiate just between index page and full-node pages? I'm comparing the css classes attached to the body and I can't find a class that says "this is an index page or not" and allow me to style div.node in index pages differently than div.node in full-display pages.

There's class "front" and "not-front" but obviously not all index pages appear in the front.

then there is the class "page-taxonomy" if I create an index page based on taxonomy. I haven't tried views yet.

Is there a way to simply differentiate between index and full-node displays in a single selector or do I have to keep collect different classes as I create various types of index pages and then put them in one collective selector?

Comments

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Status: Active » Fixed

On index pages, the nodes are all teasers. So look at the div wrapper around each node in the index and you'll see a "node-teaser" class. :-)

Aleet’s picture

Aleet commented

Thank you so much.

Aleet’s picture

Aleet commented

Now how would I target just a full-display of a node, any node?

On this page:http://hairlossinsideout.com/hair_restoration/hair_restoration/some_titl...

the pic is hanging out of the bottom because it's floating to left. How do I add a min-height value to this node without affecting the teaser version?

thanks for your attention.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.