Changing Colour Of Unread Thread

[Run!]

I'm trying to edit the threadbit template so that in the forum view threads that haven't been yet read show up as green and not blue. I've tried putting in font colour tags in between the strong ones but it doesn't seem to have any effect, can anyone help please?

<if condition="$show['gotonewpost']">
<strong><font color="green"><a href="showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]">$thread[threadtitle]</a></font></strong>
<else />

That's what I have.

[Wayne Luke]

Add this to your additional CSS:

.newthread {color:green;background-color:transparent;font-weight:bold}

Then take what you have above and change it to:

<if condition="$show['gotonewpost']">
<strong><a href="showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]" class="newthread">$thread[threadtitle]</a></strong>
<else />

[simalert]

This is exactly what I've spent several hours looking for.

Could you explain it for me please? Where do I do the CSS bit please?

Thanks

[simalert]

Anyone?

[Daniel]

Styles & Templates -> Style Manager -> Select your style -> Main CSS -> Scroll down and enter it in the box.

[simalert]

Originally Posted by Daniel

Styles & Templates -> Style Manager -> Select your style -> Main CSS -> Scroll down and enter it in the box.

Thanks, that makes more sense now.

I've added the CSS in the additional box and changed the code as specified above (posted both in notepad and it's word for word), but it's still not working, all my posts are showing up in their original colour and in bold, no other difference

Anything else that I should try?

Thanks

(this is the one feature my users are missing the most from PHPBB that's getting me complaints as they can't see which threads are new as easily on vBulletin)

I can post a link to my site and the code I've entered if that's any help?

Thanks

[simalert]

This gets worse now. I have users wanting the old PHPBB forum back and leave vBulletin because they are missing the highlighted threads!

I have also noticed the number of new posts and threads has dropped too since I moved as users aren't able to see activity as well as before.

I am getting desperate now, does anyone know a fix for this or why it's not working for me please?

Thanks

[tehste]

All this has been said but i'll re-iterate it...

In your ACP- Styles & Templates -> Style Manager -> Select your style -> Main CSS ->
In the Main CSS scroll to the bottom and add this to the text box.

.newthread {color:green;background-color:transparent;font-weight:bold}

In the threadbit template use this HTML:

<if condition="$show[gotonewpost]">
<strong><a href="showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]" class="newthread">$thread[threadtitle]</a></strong>
<else />

[simalert]

Hi,

Thanks for the reply.

I have done exactly as you've said and it's still not making any difference at all. Not sure why it's not taking affect

I am using vBulletin 3.5.3 and have attached the screenshots of the changes and main forum display with a newly posted thread below.

Thanks

I have just had a look at the page source and found the following,

<strong><a href="showthread.php?t=13179" id="thread_title_13179" class="newthread">k700</a></strong>

and further up the top I can see the newthread css code defined too, so it's being put in the page but just not having any affect on firefox or IE.

This has really thrown me now, anyone got any ideas??

Thanks

This is the stylesheet from inside the same page that I viewed the source on after making these changes

<!-- CSS Stylesheet -->
<style type="text/css" id="vbulletin_css">
<!--
/* vBulletin 3 CSS For Style 'Simalert' (styleid: 3) */
body
{
	background: #000 url(images/hallowOrange/misc/bg.gif);
	color: #B1B9C1;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
a:link
{
	color: #DB7700;
	text-decoration: underline;
}
a:visited
{
	color: #DB7700;
	text-decoration: underline;
}
a:hover, a:active
{
	color: #DB7700;
	text-decoration: none;
}
.page
{
	background: #0C0C0C;
	color: #B1B9C1;
}
.page a:link
{
	color: #DB7700;
	text-decoration: underline;
}
.page a:visited
{
	color: #DB7700;
	text-decoration: underline;
}
.page a:hover, .page a:active
{
	color: #DB7700;
	text-decoration: none;
}
td, th, p, li
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
	background: #000;
	color: #B1B9C1;
	padding: 0; 
	margin: 0; 
	border: 1px solid #222;
}
.tcat
{
	background: #000 url(images/hallowOrange/misc/cat_top_bg2.gif);
	color: #B1B9C1;
	font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link
{
	color: #DB7700;
	text-decoration: underline;
}
.tcat a:visited
{
	color: #DB7700;
	text-decoration: underline;
}
.tcat a:hover, .tcat a:active
{
	color: #DB7700;
	text-decoration: none;
}
.thead
{
	background: #000 url(images/hallowOrange/misc/tile_sub.gif);
	color: #9C9C9C;
	font: bold 10px verdana, tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link
{
	color: #9C9C9C;
	text-decoration: underline;
}
.thead a:visited
{
	color: #9C9C9C;
	text-decoration: underline;
}
.thead a:hover, .thead a:active
{
	color: #9C9C9C;
	text-decoration: none;
}
.tfoot
{
	background: #11151A;
	color: #B1B9C1;
	border-bottom: 1px solid #343434;
}
.tfoot a:link
{
	color: #DB7700;
	text-decoration: underline;
}
.tfoot a:visited
{
	color: #DB7700;
	text-decoration: underline;
}
.tfoot a:hover, .tfoot a:active
{
	color: #DB7700;
	text-decoration: none;
}
.alt1, .alt1Active
{
	background: #090909;
	color: #B1B9C1;
}
.alt1 a:link, .alt1Active a:link
{
	color: #DB7700;
	text-decoration: underline;
}
.alt1 a:visited, .alt1Active a:visited
{
	color: #DB7700;
	text-decoration: underline;
}
.alt1 a:hover, .alt1 a:active, .alt1Active a:hover, .alt1Active a:active
{
	color: #DB7700;
	text-decoration: none;
}
.alt2, .alt2Active
{
	background: #101010;
	color: #B1B9C1;
}
.alt2 a:link, .alt2Active a:link
{
	color: #DB7700;
	text-decoration: underline;
}
.alt2 a:visited, .alt2Active a:visited
{
	color: #DB7700;
	text-decoration: underline;
}
.alt2 a:hover, .alt2 a:active, .alt2Active a:hover, .alt2Active a:active
{
	color: #DB7700;
	text-decoration: none;
}
td.inlinemod
{
	background: #FFFFCC;
	color: #000000;
}
.wysiwyg
{
	background: #11151A;
	color: #B1B9C1;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.wysiwyg a:link
{
	color: #DB7700;
	text-decoration: underline;
}
.wysiwyg a:visited
{
	color: #DB7700;
	text-decoration: underline;
}
.wysiwyg a:hover, .wysiwyg a:active
{
	color: #DB7700;
	text-decoration: none;
}
textarea, .bginput
{
	background: #11151A;
	color: #B1B9C1;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #B1B9C1;
}
.button
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
	background: #11151A;
	color: #FFF;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
	font-size: 11px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
	color: #FFF;
}
.navbar
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
.fjsel
{
	background: #11151A;
}
.panel
{
	background: #11151A;
	color: #B1B9C1;
	padding: 10px;
	border: 2px outset;
}
.panel a:link
{
	color: #DB7700;
	text-decoration: underline;
}
.panel a:visited
{
	color: #DB7700;
	text-decoration: underline;
}
.panel a:hover, .panel a:active
{
	color: #DB7700;
	text-decoration: none;
}
.panelsurround
{
	background: #0A0D10;
	color: #B1B9C1;
}
legend
{
	color: #B1B9C1;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: #000 url(images/hallowOrange/misc/tile_sub.gif);
	color: #D7DCE1;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link
{
	color: #D7DCE1;
	text-decoration: underline;
}
.vbmenu_control a:visited
{
	color: #D7DCE1;
	text-decoration: underline;
}
.vbmenu_control a:hover, .vbmenu_control a:active
{
	color: #D7DCE1;
	text-decoration: none;
}
.vbmenu_popup
{
	background: #11151A;
	color: #717A83;
	border: 1px solid #717A83;
}
.vbmenu_option
{
	background: #11151A;
	color: #717A83;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link
{
	color: #717A83;
	text-decoration: none;
}
.vbmenu_option a:visited
{
	color: #717A83;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active
{
	color: #717A83;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #717A83;
	color: #11151A;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link
{
	color: #11151A;
	text-decoration: none;
}
.vbmenu_hilite a:visited
{
	color: #11151A;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active
{
	color: #11151A;
	text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 5px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
img { border: 0 }

/* -------------------------------- */
/* Transverse Styles                */
/* -------------------------------- */

#vbwrapper { 
	background-color: #0D1014;
	text-align: left; 
	width: 770px;
	padding: 0; 
	margin: 0 auto; 
	border-left: 1px solid #DB7700;
	border-right: 1px solid #DB7700
}

#vbwrapper2 { 
	background-color: #0C0C0C;
	text-align: left; 
	width: 98%;
	margin: 5px auto;
}

#vbwrapper3 { 
	padding: 0 10px
}

.b-left { 
	float: left;
}

.b-middle {
	width: 100%;
	height: 7px
}

.b-right { 
	float: right 
}

#logostrip { 
	margin: 0;
	padding: 0; 
	background: #000 url(images/hallowOrange/misc/logostrip.gif) no-repeat; 
	width: 100%;
	height: 97px; 
}

#submenu { 
	margin: 0;
	padding: 0; 
	background: #000 url(images/hallowOrange/misc/submenu_bg.gif); 
	width: 100%;
	height: 58px;
	text-align: center
}

.cat-top {
	padding: 18px 0 0 0;
	margin: 0;
	background: #000 url(images/hallowOrange/misc/cat_top_bg.gif);
	width: 100%;
	text-align: center;
	color: #C2C9D4; 
	font-weight: bold; 
	font-size: 11px
}

.cat-top a:link, .cat-top a:visited {
	color: #DB7700;
	text-decoration: underline
}

.cat-top a:hover, .cat-top a:active {
	color: #DB7700
}

.newthread {
          color:green;
          background-color:transparent;
          font-weight:bold
}

#footer-left { 
	float: left 
}

#footer { 
	background: url(images/hallowOrange/misc/footer_bg.gif);
	height: 35px; 
	width: 100%


}

#footer-right { 
	float: right 
}
-->
</style>

<!-- / CSS Stylesheet -->

So does that look like it's in the right place?
(was wondering if it was entered wrong if that was the cause of the browsers ignoring the CSS, but I can't see anything wrong)

*edit*

Ok, now I can see the cause of the problem, but may need help fixing it.

I loaded the page source code in to Dreamweaver and examined the CSS using the CSS editor which told me that it won't work due to the following error

color does not apply to your selection because it has been overridden by the rule .alt1 a:link, .at;1Active a:link

So it appears that an existing attribute in the CSS code is overriding the changes suggested here.

Does anyone have any idea what I can do to get around that please?

Thanks