Hi Rich. Please post your site's url.
topic-list-box needs "padding" inside the container:
Here's what we're using:
.h-ubb-topic-list-box {
background-color:#DEDFE0;
border:1px
solid #DEDFE0;
padding:10px;
}
UPDATE:
I looked at your page with Inspector and see why my CSS didn't change your page. You have two entries for the topic list box. The first has your new padding, the second still has the original padding (which in this screenshot, when I unclicked/turned off the padding line, your page padding 15px worked.)
In other words: remove padding: 10px 0 10px 0 !important; --from your css and the other entry you have for .h-ubb-topic-list-box with the padding will work. (or combine the two into one entry would be nice too)
I do not know why it is marked "important" because I've had it off for two months with no ill effects. BTW: 10px is sufficient.
The How-to:
I turn on Chrome's built in "Inspector" to view the CSS which is controlling whatever element I've highlighted on the webpage. (I place my cursor over the element on the site, then right click and select "inspector). Up pops a window with the html and the css source which I can then experiment with by toggling on/off or adjusting/adding styles. You can also add a style to an element and test it. When I get it right, I copy the style and paste into my site's Custom CSS field. Trial and error.
Sometimes the hard part is isolating the specific element so that you don't apply changes to unintended text. (For example: in our Activity Stream it took me several tries to turn off 'bold' in part of the stream but not all of it.)
Rather than create from scratch, it's much easier to view a feature you like on someone else's site and copy their code to try it out/modify it. That's why I think all of us working with Hoopla would be wise to share our sites with each other so we can look over each other's shoulders and swap code.
FYI: I'm not a trained CSS guy. Just been working with websites since 1996 and pretty good at figuring things out (or asking for help).
Neil
www.rotation.org