Subboard CSS not working? [RD]

[teasong ?]

Test site

Hi! I've been using style tags/css to modify different parts of my board, but unfortunately it's not working when I try and change the font, font size, alignment, etc of my sub boards.

I'm using .sub-boards a, but it's not working and I'm not sure why? (it's probably something really simple that I'm just missing,,)

[Tumbleweed]

Sub-boards are your a:links but you can use this code to style them.

By the way, with ProBoards V5,  you'll have a class to style just about everything you can think of. You should make a copy of your forum when you get a chance. V5 conversions happen at the end of next month unless you opt out until the end of the year and then it will be mandatory to convert to V5.

Nice site, by the way. I can see you put a heck of a lot of work into it, which is why I suggested you look at V5 so you can see what needs to be done to replicate your V4 forum.

[teasong ?]

I was originally trying out the a:link css, but in the end I decided that I didn't like the fact that it changed all of the links and not just the sub-boards, so I got rid of it. However, I'm trying the Replace/Remove titles code, and it isn't working? So maybe I'm just doing it wrong (which would be super embarrassing since it's an easy code).

As for V5, I've made another test site that's already switched, and I've been looking in to code conversions, and getting acquainted with the format (it was kind of difficult to figure out how V5 actually worked at first, but I think I'm getting it now)! But for now I've opted out until I've figured out how to maneuver the new version, and in the mean time I'm planning on trying to get this site up sooner than later, and then have the V5 skin ready by the time it becomes mandatory.

[Tumbleweed]

Codes are fussy but yep, you did it wrong but please don't be embarrassed because many people get confused with this code. But this is what I'd do. First I'd do some css and put it above the code:

<style>
.my_subboards{
text-align: center;
font-family: courier;
text-transform: uppercase;
letter-spacing: -1px;
padding: 5px;
</style>

And I go grab a fresh copy and delete what you have. Then in the part you edit I'd do this pretending I have two subboards named "Fun Stuff" and "Crazy Stuff".

var n=[
["Fun Stuff","<div class='my_subboards'>Fun Stuff</div>"],
["Crazy Stuff","<div class='my_subboards'>Crazy Stuff</div>"]
];

Make sure you are using single quotes around the class in the div's.

[teasong ?]

Ahh alright thank you very much I've got it now haha.

But this is actually kind of a separate coding issue, but would you happen to know a code that I could use to blockquote my sub-board description (or just change the padding)?
Ahh sorry to keep bothering you, Tumbleweed.

[Tumbleweed]

No bother, that's what I'm here for, teasong ?.

Again, I'll direct you to another one of SubDevo's codes.

There are pretty good instructions there but if all your descriptions will be the same, grab the first css along with the javascript code. Instead of blockquotes use margins like I did below:

<style type="text/css">

<!--

.board_description {

background-color: blue;

   padding: 6px;

   margin: 20px 18px 20px 18px;

}

-->

</style>

The first number (20px) is for the top and then it goes clockwise (right, bottom, left)

[teasong ?]

Ahh actually I realized I could do this if I just moved the code I had in my main footer to my global one.
Ahh sorry for the trouble, but thank you very much for the help!!

[Tumbleweed]

You're welcome. Good you realized that!