I would, but due to a misunderstanding with my ISP I am currently unable to use Firefox or Opera and am forced to use Internet Explorer (cries) and though there is a css inspection tool in IE9 it is like painting in the dark with a mascara brush.
I cannot post the css code because of that. but where it says {$thread['subject']} in the template put a span class of STICKY on it and then in the td.forumdisplay_sticky.sticky in css add color. You might need to target a as well, but you cannot have a class called .sticky a - it must always be chained with the forumdisplay_sticky selector.
(2012-11-17, 11:48 AM)Leefish Wrote: [ -> ]I cannot post the css code because of that. but where it says {$thread['subject']} in the template put a span class of STICKY on it and then in the td.forumdisplay_sticky.sticky in css add color. You might need to target a as well, but you cannot have a class called .sticky a - it must always be chained with the forumdisplay_sticky selector.
Thank you for your effort. It is much appreciated. This edit really isn't very important to me, just more of a curiosity...
forumdisplay_thread template:
<tr>
<td align="center" class="{$bgcolor}{$thread_type_class}" width="2%"><img src="{$theme['imgdir']}/{$folder}.gif" alt="{$folder_label}" title="{$folder_label}" /></td>
<td align="center" class="{$bgcolor}{$thread_type_class}" width="2%">{$icon}</td>
<td class="{$bgcolor}{$thread_type_class}">
{$attachment_count}
<div>
<span>{$prefix} {$gotounread}{$thread['threadprefix']}<a href="{$thread['threadlink']}" class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}"><span class="sticky">{$thread['subject']}</span></a>{$thread['multipage']}</span>
<div class="author smalltext">{$thread['profilelink']}</div>
</div>
</td>
<td align="center" class="{$bgcolor}{$thread_type_class}"><a href="javascript:MyBB.whoPosted({$thread['tid']});">{$thread['replies']}</a>{$unapproved_posts}</td>
<td align="center" class="{$bgcolor}{$thread_type_class}">{$thread['views']}</td>
{$rating}
<td class="{$bgcolor}{$thread_type_class}" style="white-space: nowrap; text-align: right;">
<span class="lastpost smalltext">{$lastpostdate} {$lastposttime}<br />
<a href="{$thread['lastpostlink']}">{$lang->lastpost}</a>: {$lastposterlink}</span>
</td>
{$modbit}
</tr>
CSS:
.forumdisplay_sticky {
background: #ccffcc;
}
.forumdisplay_sticky.sticky {
color: #009900;
}
.forumdisplay_sticky.sticky a:link {
color: #009900;
}
.forumdisplay_sticky.sticky a:visited {
color: #009900;
}
.forumdisplay_sticky.sticky a:hover, a:active {
color: #009900;
}
Now, that first CSS entry is working, it properly changes the background color of the table cell. However, none of the entries targetted at the font color seem to be working.
I suspect my syntax is the issue.
I also tried (as you recommended) using:
td. (before each of those entries, with no change)
You need space between .forumdisplay_sticky and .sticky in your global.css
.forumdisplay_sticky .sticky {
color: #009900;
}
.forumdisplay_sticky .sticky a:link {
color: #009900;
}
.forumdisplay_sticky .sticky a:visited {
color: #009900;
}
.forumdisplay_sticky .sticky a:hover,
.forumdisplay_sticky .sticky a:active {
color: #009900;
}
BY GEORGE I GOT IT
template:
<tr>
<td align="center" class="{$bgcolor}{$thread_type_class}" width="2%"><img src="{$theme['imgdir']}/{$folder}.gif" alt="{$folder_label}" title="{$folder_label}" /></td>
<td align="center" class="{$bgcolor}{$thread_type_class}" width="2%">{$icon}</td>
<td class="{$bgcolor}{$thread_type_class}">
{$attachment_count}
<div>
<span class="cattitle">{$prefix} {$gotounread}{$thread['threadprefix']}<a href="{$thread['threadlink']}" class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">{$thread['subject']}</a>{$thread['multipage']}</span>
<div class="author smalltext">{$thread['profilelink']}</div>
</div>
</td>
<td align="center" class="{$bgcolor}{$thread_type_class}"><a href="javascript:MyBB.whoPosted({$thread['tid']});">{$thread['replies']}</a>{$unapproved_posts}</td>
<td align="center" class="{$bgcolor}{$thread_type_class}">{$thread['views']}</td>
{$rating}
<td class="{$bgcolor}{$thread_type_class}" style="white-space: nowrap; text-align: right;">
<span class="lastpost smalltext">{$lastpostdate} {$lastposttime}<br />
<a href="{$thread['lastpostlink']}">{$lang->lastpost}</a>: {$lastposterlink}</span>
</td>
{$modbit}
</tr>
css:
td.forumdisplay_sticky .cattitle a{
color:yellow;
}
Ninja'd by Johnny. I blame Internet Explorer and that mascara brush
Thank you to Leefish and Johnny S for their help with this! Since I can't give them both BEST ANSWER
I will summarize their work and claim that distinction myself! :p
Just to summarize - in one post - for any future members that may be interested in doing this:
1.
To Change the Background Color of Sticky Thread Titles on All Forum Display pages -
Add to CSS:
.forumdisplay_sticky {
background: #ffffff;
}
(Replace ffffff in the above entry with your chosen color in hexadecimal format.)
2.
To Change the Font Color of Sticky Thread Titles on All Forum Display pages -
In forumdisplay_thread template, find:
{$thread['subject']}
Replace with:
<span class="sticky">{$thread['subject']}</span>
In CSS, add:
.forumdisplay_sticky .sticky {
color: #ffffff;
}
.forumdisplay_sticky .sticky a:link {
color: #ffffff;
}
.forumdisplay_sticky .sticky a:visited {
color: #ffffff;
}
.forumdisplay_sticky .sticky a:hover, .forumdisplay_sticky .sticky a:active {
color: #ffffff;
}
(Replace ffffff in the above entries with your chosen color in hexadecimal format.)
Just a note:
.forumdisplay_sticky .sticky a:hover, a:active - this line should be
.forumdisplay_sticky .sticky a:hover, .forumdisplay_sticky .sticky a:active
due the fact that a:active will affect all links with active state while .forumdisplay_sticky .sticky a:active will affect only links with active state in html tag with sticky class.
(2012-11-17, 11:47 PM)Johnny S Wrote: [ -> ]Just a note:
.forumdisplay_sticky .sticky a:hover, a:active - this line should be
.forumdisplay_sticky .sticky a:hover, .forumdisplay_sticky .sticky a:active
due the fact that a:active will affect all links with active state while .forumdisplay_sticky .sticky a:active will affect only links with active state in html tag with sticky class.
Corrected, above. Thanks.