Display.Template

[NIAB]

Hey Guys,

Is there a simple method of adding a Border around each post? I have a custom CSS border I am using, but can't figure out completely where to put it. I've managed to get it to wrap around the first post, but the following replies/posts just show a portion of it.

Thanks

[margarett]

Just check with firebug what's the class in use and add a border in CSS. I might be overlooking the issue but I think it's that easy...

[Arantor]

That's not going to work because the posts are compromised of a bunch of elements. The overall element for each post is a div of class windowbg or windowbg2, which are used pretty much everywhere. Inside that you have to deal with span.topslice (and the inner span), and span.botslice too.

It's basically a mess to deal with.

[margarett]

It's basically a mess to deal with.

So I was really overlooking it...

[Antechinus]

Code Select Expand

#forumposts .windowbg, #forumposts .windowbg2 {border: 10px solid purple;}

Plus add border-radius if you want that, etc.

[Arantor]

Um, Ant, that's not going to work properly without border-radius, is it? The windowbgs will contain the spans which make that crazy rounded stuff in the theme in the first place... so you'd have to apply border-radius to make the border line up with the rounded corner already there - or remove the styling on those spans to prevent the rounded borders' images being used in the first place...

[Sir Osis of Liver]

Also, border-radius doesn't work in IE8 and earlier (yes, there are still a lot of XP users using IE8), unless you use something like PIE, which is a PIA. 

[ARG01]

That's not going to work because the posts are compromised of a bunch of elements. The overall element for each post is a div of class windowbg or windowbg2, which are used pretty much everywhere. Inside that you have to deal with span.topslice (and the inner span), and span.botslice too.

It's basically a mess to deal with.

I do this all of the time. I don't consider it a mess to deal with but does take some time to accomplish.  It takes either removing or recoloring a few top/bot slices and then working with margins, border-radius and finally adding the borders.
But as stated, it will most certainly affect many other areas. The real mess (trick) is to get the alterations to work (design wise) in all of those areas. 

[Arantor]

It's still a mess to deal with but you're *used* to it.

[ARG01]

When it comes to CSS I love a mess to deal with.    Btw, 95% of the time I design a theme with no top/bot slices. It just makes things easier and more flexible.

[Antechinus]

Um, Ant, that's not going to work properly without border-radius, is it? The windowbgs will contain the spans which make that crazy rounded stuff in the theme in the first place... so you'd have to apply border-radius to make the border line up with the rounded corner already there - or remove the styling on those spans to prevent the rounded borders' images being used in the first place...

I don't know what final look they want. They just asked how to get a border around the posts, so I told them. If they want to know further tricks like hiding topslice/botslice spans or whatever, I'd assume they would ask.

@NIAB: there are several ways you can deal with those spans. Perhaps the easiest is to just remove the backgrounds from them. Example:

Code Select Expand

#forumposts .topslice, #forumposts .topslice span {background: none;}

Also, border-radius doesn't work in IE8 and earlier....

Tell someone who cares.

[NIAB]

I got it, sorry.. should have posted lol