• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Category bar - description text

Morgain

Well-known member
#1
I would like the Category bar description text to continue on after the Category Title on the same line.
How please?

Also if the description text needed 2 lines it would have to do that.

From this -
Catbar-celtic.png

to this:
Catbar-celtic2.png
Finally what is the name of this text to make it bigger in the Style Groups?
 

Jake Bunce

XenForo moderator
Staff member
#2
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

Code:
.nodeList .category .nodeDescription,
.nodeList .category .nodeTitle
{
	display: inline;
}
The font size is:

Admin CP -> Appearance -> Style Properties -> Forum / Node List -> Category Strip Description
 

Morgain

Well-known member
#3
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

Code:
.nodeList .category .nodeDescription,
.nodeList .category .nodeTitle
{
display: inline;
}
That's lovely Jake much neater.
It needs a space between the Title text and the description text - the description text butts right on the end of the Title.
Can I add something to the EXTRA.css code?
 

Jake Bunce

XenForo moderator
Staff member
#4
Add this:

Code:
.nodeList .category .nodeDescription
{
	margin-left: 20px;
}
Use any pixel value you want for the margin.
 

Morgain

Well-known member
#5
All looking gorgeous. Thank you Jake.

Any progress on how to display cat bars (with their colours for background, title; and logos - as titles for sections in a chunk of html?
Like in the sidebar where I have a table of sections with nav links. Or in the body of a Page as a section header?