Editing board and sub-board list height

[Hero Prinny]

Firstly thanks for any help, I've tried edit a number of things and not quite managed to find what clearly needs editing.

The site: inextremis.boards.net/ 
I'm using the lunar eclipse theme by Alisha, but from the looks of the support topic, she's busy right now, and so I figured generally asking for help might be better.

Basically what I'm trying to do is force it so all boards are a max of 125px high. And to make it so once the sub-boards list area on each board hits 120px in height, it automatically starts scrolling and doing so with a customised scroll bar I've listed under an id in the css.

Why? Well we have one board that I can foresee just getting larger and larger in height. The bottom board of this category, the sub-boards list is only going to be getting longer and I've even been currently using it as a visual example to see if any of my previous attempts worked to force a set height on it.

I've tried all sorts, and so far my learner level coding knowledge hasn't given me any solution. So thank you in advance for any advice or help

[Tumbleweed]

Jun 26, 2017 8:32:22 GMT -8 Hero Prinny said:

Firstly thanks for any help, I've tried edit a number of things and not quite managed to find what clearly needs editing.

The site: inextremis.boards.net/ 
I'm using the lunar eclipse theme by Alisha, but from the looks of the support topic, she's busy right now, and so I figured generally asking for help might be better.

Basically what I'm trying to do is force it so all boards are a max of 125px high. And to make it so once the sub-boards list area on each board hits 120px in height, it automatically starts scrolling and doing so with a customised scroll bar I've listed under an id in the css.

Why? Well we have one board that I can foresee just getting larger and larger in height. The bottom board of this category, the sub-boards list is only going to be getting longer and I've even been currently using it as a visual example to see if any of my previous attempts worked to force a set height on it.

I've tried all sorts, and so far my learner level coding knowledge hasn't given me any solution. So thank you in advance for any advice or help

I do see this:

<table width="100%" height="125">
and it should have px after it but honestly, I'd use style in that instead:

<table style="width:100%; height:125px;">

Viewing elements and the coding you have, when I added css (the blue) I get a scroll bar and your scroll bar:

<p class="sub-boards" height="120" id="scrollstyle" style="height: 20px;overflow: auto;"> (Notice I put a tiny height in there so I would force the scroll bars to test it)

Screen cap: (I circled the important parts in red.)


Now typically I'd say to add some css to target that to your style sheet but since the layout is changed, I'm not sure what would work to target it so if I were you, I'd just add a inline style like so:

<p class="sub-boards" id="scrollstyle" style="height: 120px;overflow: auto;">

Try that and see if it works.

[Hero Prinny]

Thank you! That worked, although the sub-board list initially was a little higher than I wanted. But then I realised, I hadn't accounted for padding in that section at all lol Honestly part of what was causing me trouble was the thought of what I should be targeting in the css, I couldn't quite find the right thing. It's working now perfectly though, seriously thank you!

[Tumbleweed]

Jun 27, 2017 4:17:20 GMT -8 Hero Prinny said:

Thank you! That worked, although the sub-board list initially was a little higher than I wanted. But then I realised, I hadn't accounted for padding in that section at all lol Honestly part of what was causing me trouble was the thought of what I should be targeting in the css, I couldn't quite find the right thing. It's working now perfectly though, seriously thank you!

You're welcome and glad you got it all worked out. I just peeked at your site and that scroll bar looks nice. Very clean and not clunky.