• 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

Well-known member
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.webp

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.
 
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.
 
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.webp

Salud2
 
Top Bottom