Question

The template I am using for my site (under development) is identical to this one.

I’d like to add a border image between posts (In this case between “Let You Know Music video” and “Land of Hope”) but not after the last post.

Which element do I edit (css source) to make this happen?

Do I edit the containsArticles class? dt containsArticles?

I’ve tried adding a background: url(/path/to/border-image.gif) no-repeat center bottom; to either element and cannot make it work. Ideas or suggestions?

Answer 1

There’s a rule already in there actually:

line: 1449

.containsArticles dd, #containsTwoosers, #screen > header, #screen > footer > nav > ul, .archives #content fieldset, .index #content .G6, .single #comments form {
    background-image: url(data:image/png;base64,R0lGODlhSAABAIAAAP///2ZmZiH5BAEHAAAALAAAAABIAAEAAAINDG54kLwNn1TU1XhXAQA7);
}

The reason why it’s not on the last child is because of this rule:

line: 682

.containsArticles dd:last-child {
    background: transparent !important;
    margin-bottom: 0;
    padding-bottom: 0;
}

The rule preventing this default behavior is

line:1418

.index .containsArticles dd {
    background: transparent !important;
    margin-bottom: 1.5em;
    padding-bottom: 0;
}

all in style.css

completely removing that last rule will get you what you need.