Newb theme question: how to change color of link text

Hangin' Around Joined: Aug 25, 2006 Posts: 44

Hi all,

Sorry for the newb question, I've been playing with my .css files and just can't find the answer.

I'd like to change the color of linkable text inside my forums posts. I don't want to mess with the Forum index text colors, just the color of links inside posts. As it is now, folks really can't tell what's linkable text and what's not w/o hovering over everything.

Thanks a bunch for your help,
Oy.

registered · Posted: Fri Jan 18, 2008 6:32 pm

I have the following in my CSS file for forum posts:

Code:




/* The content of the posts (body of text) */


.postbody { font-size : 12px; line-height: 18px}


a.postlink:link    { text-decoration: none; font-weight: bold; color: teal; }


a.postlink:visited { text-decoration: none; font-weight: bold; color: teal; }


a.postlink:hover   { text-decoration: underline; font-weight: bold; color: red; }


a.postlink:active  { text-decoration: underline; font-weight: bold; color: red; }





/* Work around for phpBB */


.postbody a:link     { text-decoration: none; font-weight: bold; color: teal; }


.postbody a:visited  { text-decoration: none; font-weight: bold; color: teal; }


.postbody a:hover    { text-decoration: underline; font-weight: bold; color: red; }


.postbody a:active   { text-decoration: underline; font-weight: bold; color: red; }

You can change the style to suit you, of course. The important thing to note is the postbody and postlink classes, and the order in which the styles appear. I learned from 64-bit guy it does indeed matter, and for best results you should order them as link, visited, hover, active.

However you may be suffering from the "double header" problem that we will finally have fixed in RN 2.20 (due out soon). Which file are you changing your CSS in?

Posted: Fri Jan 18, 2008 6:38 pm

Gremmie wrote:

I have the following in my CSS file for forum posts:

Code:




/* The content of the posts (body of text) */


.postbody { font-size : 12px; line-height: 18px}


a.postlink:link    { text-decoration: none; font-weight: bold; color: teal; }


a.postlink:visited { text-decoration: none; font-weight: bold; color: teal; }


a.postlink:hover   { text-decoration: underline; font-weight: bold; color: red; }


a.postlink:active  { text-decoration: underline; font-weight: bold; color: red; }





/* Work around for phpBB */


.postbody a:link     { text-decoration: none; font-weight: bold; color: teal; }


.postbody a:visited  { text-decoration: none; font-weight: bold; color: teal; }


.postbody a:hover    { text-decoration: underline; font-weight: bold; color: red; }


.postbody a:active   { text-decoration: underline; font-weight: bold; color: red; }

You can change the style to suit you, of course. The important thing to note is the postbody and postlink classes, and the order in which the styles appear. I learned from 64-bit guy it does indeed matter, and for best results you should order them as link, visited, hover, active.

However you may be suffering from the "double header" problem that we will finally have fixed in RN 2.20 (due out soon). Which file are you changing your CSS in?

Thanks so much for helping!

I'm looking at both:

./Harmony/style/style.css
./Harmony/forums/forums.css

and for the life of me, any changes I make to the postbody fields just don't take. Weird. Thanks a ton of helping out!

Oy.

Posted: Fri Jan 18, 2008 6:57 pm

Here's a peculiarity which might help troubleshoot this problem (I'm a newb, please bear with me).

Ok, so I can't seem to make ANY changes in the "postbody" classes to stick in my Harmony theme.

I changed themes, went to AcidTechTiger, made changes to the same file (./AcidTechTiger/forums/forums.css) and THEY stuck.

So, it seems at least the forums.css file is the one I want. Now, why on earth aren't any changes to forums.css in my Harmony theme not sticking?

Thanks again,
Oy.

Posted: Fri Jan 18, 2008 7:12 pm

Bingo.

I stopped playing with forums.css and went to ./style/style.css, and used the code:

Code:




.postbody { font-size: 12px;}


.postbody a   { text-decoration: none; color: #ffffff; }


.postbody a:visited { text-decoration: none; color: #ffffff; }


.postbody a:hover { text-decoration: underline; color: #ffe816; }

and it works great! Thanks for much for the help. God I love this site.

Oy.