Luke
Staff
/ Moderator
Jun 13, 2002, 5:43 PM
Post #2 of 4
(4283 views)
Shortcut
|
|
Re: [gary] Changing Article Title Color Under Latest Headlines
[In reply to]
|
Can't Post
|
|
Hi Gary,
In order to change the font color of the 'Latest Headlines' list you'll have to modify the appropriate CSS properties.
Article Manager's 'Latest Headlines' are output using two different template files, these are /templates/headlines_bycat.html and /templates/headlines/default.html. In this example we'll work with the headlines_bycat.html template file.
If you open the headlines_bycat.html template file in an HTML/text editor of your choice you'll notice that the text color of the headlines is being defined by a CSS class attribute in the <td> tag called 'toplnk'.
<td class="toplnk"><a href="$url_index$#$art_num$">$art_name$</a></td>
These CSS properties are being defined in the /index/default.html and /article/default.html template files. Let's open up both of these files in an HTML/text editor. If you look at the CSS definitions at the top of code (between the opening and closing <style> tags) you'll find the '.toplnk' style.
.toplnk { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: regular; }
You can now modify this style and add a font color to it. Here's how you would change it to red.
.toplnk { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: regular; color: #FF0000; }
Unfortunately doing just this won't be enough as the headlines will still be output in your browsers default link color. (the default browser color for links, which is usually blue, will take precedent over font colors that were defined outside of the opening and closing hyper link tag <a href>)
The easiest way to fix this (in the headlines_bycat.html file) is to just move the "class" attribute tag over from the <td> tag and into the hyper link tag <a href>
e.g.
<td><a href="$url_index$#$art_num$" class="toplnk">$art_name$</a></td>
And that's really all there is to it!
Once you're done with these changes you'll want to republish all of your existing articles and content so they can adopt the changes you just made to the HTML template files. This can be done by going to the 'Setup Options' and clicking the 'publish all' button.
Let me know if this works for you. If you need me to explain things in more detail feel free to email me at support@interactivetools.com or call me on our toll free number at 1-800-752-0455. :)
Luke Holzken
Product Development
|
