• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
  • This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Change Link Color Of Forum Titles (without affecting other links)

Jake Bunce

XenForo moderator
Staff member
#1
This is a guide for changing only forum title links without affecting other links on the page. It's for the titles in the forum listing like Main Forum:

Screen shot 2010-11-09 at 9.50.06 AM.png

By default the forum title links use the body link color which affects all links:

Admin CP -> Appearance -> Templates -> xenforo.css

Code:
a:link,
a:visited
{
	color: @primaryMedium;
	text-decoration: none;
}
If you want to set a different link color for just forum titles then edit this template:

Admin CP -> Appearance -> Templates -> node_list.css

Add this code:

Code:
			.nodeTitle a,
			.nodeTitle a:visited
			{
				color: #ffffff;
			}
...as shown below:

Code:
	.node .nodeTitle
	{
		@property "nodeTitle";
		font-size: 12pt;
		@property "/nodeTitle";
	}

		.node .unread .nodeTitle
		{
			@property "nodeTitleUnread";
			font-weight: bold;
			@property "/nodeTitleUnread";
		}

			.nodeTitle a,
			.nodeTitle a:visited
			{
				color: #ffffff;
			}

	.node .nodeDescription
	{
		@property "nodeDescription";
		font-size: 11px;
		@property "/nodeDescription";
	}
Specify any color code you want.
 

Kaiser

Well-known member
#3
This is a guide for changing only forum title links without affecting other links on the page. It's for the titles in the forum listing like Main Forum:

View attachment 5695

By default the forum title links use the body link color which affects all links:

Admin CP -> Appearance -> Templates -> xenforo.css

Code:
a:link,
a:visited
{
color: @primaryMedium;
text-decoration: none;
}
If you want to set a different link color for just forum titles then edit this template:

Admin CP -> Appearance -> Templates -> node_list.css

Add this code:

Code:
.nodeTitle a,
.nodeTitle a:visited
{
color: #ffffff;
}
...as shown below:

Code:
.node .nodeTitle
{
@property "nodeTitle";
font-size: 12pt;
@property "/nodeTitle";
}

.node .unread .nodeTitle
{
@property "nodeTitleUnread";
font-weight: bold;
@property "/nodeTitleUnread";
}

.nodeTitle a,
.nodeTitle a:visited
{
color: #ffffff;
}

.node .nodeDescription
{
@property "nodeDescription";
font-size: 11px;
@property "/nodeDescription";
}
Specify any color code you want.
Thanks jake I was looking for this.
 

lms

Well-known member
#4
Admin CP -> Appearance -> Templates -> node_list.css ->

For text and color of categories, Find

PHP:
 .nodeList .categoryStrip .nodeTitle

{

@property "categoryStripTitle";

font-size: 10pt;

color: @secondaryDarker;

@property "/categoryStripTitle";

}
chage it (set color and font-size to taste)

PHP:
 .nodeList .categoryStrip .nodeTitle

{

@property "categoryStripTitle";

font-size: 16pt;

color: @primaryMedium;

@property "/categoryStripTitle";

}
6.png

Salud2