XF 2.2 Reducing space between nodes

[Dixie McCall]

Hello
I know the property is somewhere. I would like to reduce the space between categories. See attached. Thank you!

 

[Old Nick]

There is no property for that, you have to use CSS in extra.less template

 

[Dixie McCall]

Ok thank you nicodak! Does anyone have that css available?

 

[Old Nick]

You can try this

.block.block--category .block {
    margin-bottom: 5px;
}

 

[Dixie McCall]

Thank you nicodak. I can't seem to get that to work.

 

[Ozzy47]

Use this:

/* REDUCE SPACE BETWEEN NODES ON FORUM HOME */
.template-forum_list .block--category {
    margin-bottom: 5px !important;
}

Adjust 5px as needed.

 

[Old Nick]

Sorry, this one works

.block.block--category {
    margin-bottom: 5px;
}

 

[Dixie McCall]

Thank you both so much!!!

 

[Ozzy47]

You're welcome, happy to help out when I can.

 

[Old Nick]

/* REDUCE SPACE BETWEEN NODES ON FORUM HOME */
.template-forum_list .block--category {
    margin-bottom: 5px !important;
}

@Ozzy47 this is a cool way to call a template !! .template-forum_list
i always used this syntax [data-template="forum_list"]

BTW why it's necessary to call the forum_list template here ? Where categories are displayed except forum_list ?

And both code works without !important as i tried them.

 

[Ozzy47]

Not sure where categories might be displayed, but thought I’d play it safe.

 

[Ozzy47]

And both code works without !important as i tried them.

Usually !important is not needed, but if some css is after it that adjusts the same or similar, it would be overridden by the latter one. So it’s just a fail safe in this occasion.