1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. 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.
    Dismiss Notice
  3. 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)

Discussion in 'Template Modifications [Archive]' started by Jake Bunce, Nov 9, 2010.

  1. Jake Bunce

    Jake Bunce XenForo Moderator Staff 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.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.
     
    lms, laztrix, Brett Peters and 3 others like this.
  2. Peggy

    Peggy Well-Known Member

    Thanks for coming up with these little ditties. Much appreciated.
     
  3. Kaiser

    Kaiser Well-Known Member

    Thanks jake I was looking for this.
     
  4. lms

    lms Well-Known Member

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

    For text and color of categories, Find

    PHP:
     .nodeList .categoryStrip .nodeTitle

    {

    @
    property "categoryStripTitle";

    font-size10pt;

    color: @secondaryDarker;

    @
    property "/categoryStripTitle";

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

    PHP:
     .nodeList .categoryStrip .nodeTitle

    {

    @
    property "categoryStripTitle";

    font-size16pt;

    color: @primaryMedium;

    @
    property "/categoryStripTitle";

    }
    6.png

    Salud2
     
  5. Blue

    Blue Well-Known Member

  6. cobra1162

    cobra1162 Active Member

    Thanks you
     

Share This Page