XF 2.0 Bolding Forum Titles?

stub

Member
I could only find 1 message answering this from 2013. Which suggested putting some code into. extras.css (IIRC). But there was no mention where to put this file.

I was wondering if anything has changed since 2013. I want to bold both Forums and Categories, and the Name/Title under Home> It might be nice if I could change the color slightly of Categories and Forums. Giving more emphasis to Forums, which are postable in.
 
These are the category classes you need to add to extra.less.
Code:
.block-body .node--forum, .block--category .block-header {
    font-weight: bold;
      &:hover {
      }
}

I added the bold code but you can add colors or anything you want.
In the hover part you can add anything to apply only when you hover over it.

These are only category's and forums will looking for the Name/Title under home.
 
And here is the class for the the breadcrumbs.
Code:
.p-breadcrumbs

This class does the whole breadcrumbs ... you will need to inspect element to get a certain breadcrumb you want.
 
go to styles and then templates in your admin panel.
And look for extra and you will find the extra.less.
Every theme has its own extra file so you can edit them individually.
 
OK. I've put exactly what you have in your 1st reply to me into extra.less. But this has only emboldened the top level tiers. It has not emboldened any forum or category below these top level categories. How do I fix that?

And how do I make these top level tiers non-clickable?

And finally how do I prevent The Threads/Messages numbers from being emboldened?
 
Last edited:
OK. I've put exactly what you have in your 1st reply to me into extra.less. But this has only emboldened the top level tiers. It has not emboldened any forum or category below these top level categories. How do I fix that?

And how do I make these top level tiers non-clickable?

And finally how do I prevent The Threads/Messages numbers from being emboldened?

To get a forum below/under that and only the title as that is what you want you'll need these classes.
Code:
.block-body .node-title, .block-body .node-description, .block-body .node-extra-title, .structItemContainer .structItem-title, .block--category .block-header {
    font-weight: bold;
      &:hover {
      }
}

You can make category's non clickable in the xenforo options.

The code above does only these things in this order.

Top level Forum title
Top level Forum discription
Top level Threads
Second level Thread titles
First level Category's

I don't have second level category's on my forum but if you need them i can make some to get you the classes.
You can split these classes up to give each of them individual effects.
 
This did everything I asked for except the bolding of the Forum Name just below the Home> and above the 1st top level category.

I would appreciate if you could point me to where I can specify Forum/Category Titles are set as non-clickable. Thank you.
 
Code:
.p-title {
    font-weight: bold;
      &:hover {
      }
}

And the option for clickable category's is in setup/options/node & forum list in the admin control panel.
It will still be clickable but it scrolls to it instead of a sub forum.
 
Last edited:
Back
Top Bottom