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

[come2]

Many site already did that without <script>
take a look

https://preview.themeforest.net/item/quarto-vbulletin-5-responsive-retina-ready-theme/full_screen_preview/8927184?_ga=2.165582655.1250285282.1547616064-855124556.1547616064

[glennrocksvb]

You have to add the same script in the phrase for the other language. The script is important as you may have noticed.

[glennrocksvb]

No, you can't.

[come2]

Can we do it without <script>
I remember we just add/edit some code to do that in vBulletin 3. Can we do something just like that?

[come2]

if I change the language to English Language the code works fine but with other languages not

[glennrocksvb]

Adding custom CSS code should go in css_additional code. Can you post screenshots of how the page looks like and the code in css_additional as seen by the browser?

[come2]

Yes, I can see your code.

Can we do it by editing template or something else which can be working on my site

[glennrocksvb]

When you view the source of css_additional in the browser, do you see the custom code?

[come2]

It’s on my localhost
I don’t have any css codes in my css_additional just your code

[glennrocksvb]

Need to post or PM a link to your site. You may have other custom CSS that's overriding the CSS used in this mod. That's why I have a note there that says:

You may need to tweak some values if you have customized style/theme.

Or you might have added the custom CSS in a different style/theme other than what you are using on the front-end.

[come2]

It’s not working for me, the homepage still as it was! I did everything with no problem on my test site. I have (vB 5.4.5) not vBcloud version.

[watershed]

Thanks! That solved the left part of this issue, and I was able to find how to solve the right part:

Replace

#forum-tab.forum-category-spacing .forum-item-last .cell-forum:before {
    content: '';
    display: block;
    height: -webkit-calc(100% - 16px);
    height: calc(100% - 16px);
    width: 1px;
    position: absolute;
    top: 0;
[COLOR=#FF0000]{vb:stylevar left}: 0px;[/COLOR]
    background: #C9CED2;    
}

With

#forum-tab.forum-category-spacing .forum-item-last .cell-forum:before {
content: '';
display: block;
height: -webkit-calc(100% - 16px);
height: calc(100% - 16px);
width: 1px;
position: absolute;
top: 0;
[COLOR=#0000FF]{vb:stylevar left}: -1px;[/COLOR]
background: #C9CED2;
}

[glennrocksvb]

Change this block:

#forum-tab.forum-category-spacing .forum-item-last .lastpost:before,
#forum-tab.forum-category-spacing .subforum-list.forum-item-last > td:before {
    content: '';
    display: block;
    height: -webkit-calc(100% - 16px);
    height: calc(100% - 16px);
    width: 1px;
    position: absolute;
    top: 0;
[COLOR=#FF0000]{vb:stylevar right}: -1px;[/COLOR]
    background: #C9CED2;    
}

with:

#forum-tab.forum-category-spacing .forum-item-last .lastpost:before,
#forum-tab.forum-category-spacing .subforum-list.forum-item-last > td:before {
    content: '';
    display: block;
    height: -webkit-calc(100% - 16px);
    height: calc(100% - 16px);
    width: 1px;
    position: absolute;
    top: 0;
[COLOR=#0000FF]{vb:stylevar right}: 0;[/COLOR]
    background: #C9CED2;    
}

[watershed]

Fine example of unnecessary censorship, makes it look much worse than what I wrote

[watershed]

Here you go, I realize that this is nitpicking the **** out of it