I'm wanting to add some sort of separator between front-page stories... such as a divider or border. I have tried several locations in the .css file... but can't seem to find where to add this type of thing for individual stories on the front page. Any help ... is appreciated. Thanks.

Comments

georgeburns’s picture

Clicked back to correct forum post spelling... then resubmitted... seemed to make a double post. Sorry.

nevets’s picture

A link would help for a more specific answer but generally each node is surround with the css class 'node' (you can use the Firefox extension firebug to check this). You can use that to add a bottom border to the content.

celadon’s picture

If you only want it on your front page, you need to get pretty specific. You'll need to look at the source for your front page, since it is dependent on your template, but you probably will have a ton of nested divs and stuff between your body and the node content... Here's what I just did to eliminate extra space for images on my homepage but keep the spacing on other pages. You will have to play around with something like this (with border css instead of the margin & padding):

body.front .block-inner .content p, body.front .node-inner .content p {
	margin: 0;
	padding: 0;
}

http://maia-arts.com/music
http://inthedeepmuseum.com