XF 2.1 Colored border in categories

[FedericoS]

Hello
I have a little styling question: How can I style nodes categories and child forums like this one?

Thanks in advance everybody!

Spoiler: Photo

 

[Paul B]

If you use the browser inspector, you will see that each section has a specific class.

You can use the class name to apply styling for that section only.

 

[FedericoS]

Hello
Thanks for the useful reply. Your method works, but the border looks weird:

My code:

div.block.block--category.block--category3 {
    border-left: 5px solid #686868;
}

Spoiler

Is there a way to make it inner?

 

[Old Nick]

Try this.

.block--category3 .block-body {
    border-left: 5px solid #686868;
}

Your forum will look a lot like https://www.avforums.com/forums/ (same style, same subject), you should add some personal touches to find your own identity IMHO.

 

[FedericoS]

Try this.

.block--category3 .block-body {
    border-left: 5px solid #686868;
}

Your forum will look a lot like https://www.avforums.com/forums/ (same style, same subject), you should add some personal touches to find your own identity IMHO.

it works! Thanks a lot for the help

This is not my forum, I'm building it for another person that likes the forum you mentioned