Forum Category Spacing on Homepage (no template editing required and vBCloud compatible)

[dasgrid]

I did not work in version 5.4.5
my site: http://yggs.org

[glennrocksvb]

dasgrid, you didn't follow Step 2.

[dasgrid]

glennrocksvb thanks working

[DocOdin13]

is there a way to make the edges rounded? as opposed to being the straight lines?
I got it working but the rounded edges right now are needed

[glennrocksvb]

Unfortunately you can't because the whole thing is using a single table. The CSS code just made a false impression that it is using multiple tables but it is using a single table under the hood. As with any other tables, the corners of the cells cannot be made round.

[WatchSteve]

Something happened when I updated to 5.5.5
Anywhere I have sub-forums at the bottom of a category the border has shifted to the left. Any idea why this might of happened? It was perfect on version 5.4.5

Image attached...

[WatchSteve]

Same issue as stated above with 5.5.6 too.

[Mitch]

I have the same problem.

[Mitch]

This is happening on all devices and views

[zoran_dj]

Send me a link to your forums in PM, and I will take care of it, or you can wait until tomorrow, and I will create some subforums on my demo forums and write a fix here.

[wheatcom]

Very nice. Thanks.
It does make empty categories look a little off. Might have to mess with it a bit later.
Works in vB 5.6.0.

[WatchSteve]

This is happening on all devices and views

I found the fix. Change the -29px in this line to -6px

}
#forum-tab.forum-category-spacing .subforum-list.forum-item-last > td:after {
margin-left: -29px;

And change the -29px in this line to -5px in this line and that fixes the alignment

}
#forum-tab.forum-category-spacing .subforum-list.forum-item-last table {
border-left: 1px solid #C9CED2;
margin: -18px 0 -14px -5px;

[Mitch]

I found the fix. Change the -29px in this line to -6px

}
#forum-tab.forum-category-spacing .subforum-list.forum-item-last > td:after {
margin-left: -29px;

And change the -29px in this line to -5px in this line and that fixes the alignment

}
#forum-tab.forum-category-spacing .subforum-list.forum-item-last table {
border-left: 1px solid #C9CED2;
margin: -18px 0 -14px -5px;

Nice job... That worked just beautiful. Thanks for spending the time to figure it out