BBC Block Height

[Skhilled]

Is there a way to limit a BBC block's height? I have some articles I'm adding to that type of block but instead of scroll bars appearing after adding about 5 of them it just gets longer and longer.

[WillyP]

You could do something with css,take a look at the block and get the id of the block and add something like height: 200px and overflow: scroll. Or something like that. Post a link and I'll be more specific if you want.

[Skhilled]

Hmmm, I thought so. I saw a post dated back to 2007, I think, that was sort of similar but I didn't think it would work for BBC blocks.

http:www/skhilled.com/docs

2nd block down on the left.

[WillyP]

Ok, try this in your css file:

Code Select Expand

#block25 .blockbody {
    overflow: scroll !important;
    height: 100px;
}

[Skhilled]

Excellent! Thank you, kindly, sir! It worked. I figured there was a way to single out a block and add custom edits to it but didn't know how. Not only have you solved my problem but you've taught me how to do it for other blocks. 

EDIT: Only one problem. How do I get rid of the horizontal scroll bar?

No matter how wide I set the panels and blocks it still shows unlike the other blocks. I intentionally left it extra wide just so you can see.

http://www.skhilled.com/docs

[IchBin]

You may want to do max-height: 100px; with overflow: auto.

overflow: scroll is why the scrolls are showing regardless of content.

[WillyP]

True but if you do make sure you add some padding for IE or the bottom gets cut off, IIRC.

[Skhilled]

You may want to do max-height: 100px; with overflow: auto.

overflow: scroll is why the scrolls are showing regardless of content.

Worked like a charm. Thanks.

True but if you do make sure you add some padding for IE or the bottom gets cut off, IIRC.

I checked it with IE, Chrome, and Opera and it looks ok without it but I'm on an older monitor. How does it look to you?

[WillyP]

Looks fine to me I must have been thinking of something else. Marked this solved.

[Skhilled]

Thanks for all of your help, WillyP.