Chatbox CSS Stylesheet

Hello, I believe the following question pertains to CSS Stylesheet coding. I am one of two designers on the forum Bleach - Beyond the Dark. The URL is http://bleachbeyondthedark.forumotions.net/ . I've recently been trying to make two edits to the chatbox but my knowledge of CSS stylesheet coding is rather limited. There are two issues I need fixed, below is a screenshot of the forum's chatbox for reference.


You'll note in the image the text submission field. The color I am using is the default chatbox color. It appears black in the submission field and posts white in the above viewing area. What I'm trying to do is make the default text color within the submission field white so that it is readable while typing it. Yes, I'm aware that I can simply change my font color and it'll be readable, and yes I can simply choose white to fix the problem, but I'd rather it be the default.

The second problem I would like fixed is the color of the member's names in the chatbox. I very much dislike the white underline under the admin's red names. Regular members appear white so simply changing the underline to red would not fix the problem as white names would then have a red underline. One of a few options would work in this situation:

1.) Change the underline to match the color of the Usergroup Default. Admins would have a red underline matching their name, members white, and moderators green. So on and so forth... However it would have to be auto-correcting, not manual. Since I'm not fluent in CSS, it would be an issue for me to constantly update the code to match the color of every new usergroup we add to the forum.

2.) Remove the underline. It's not necessary and this is likely the simplest route.

3.) Change the color of all users' names to white, matching the underline. This would make differentiating between Admins and Moderators impossible but if all else fails it would be an acceptable option.

I am able to add any css stylesheet coding you supply in the admin panel, I'm fluent enough to make those kinds of edits. It's just the creating of new lines of code that confuses me. I can, as well, supply you with any further information you may require. Thank you for taking the time to read this.

Try this:

Code:


#chatbox_members ul li {
  text-decoration: none;
}
#chatbox_footer #message {
  color: #fff;
}


The submission field now types with a white default. Thank you, but the white underline still remains.

Change the code to this:

Code:


#chatbox_members ul li a {
  text-decoration: none;
}
#chatbox_footer #message {
  color: #fff;
}


if that doesnt work try this:

Code:


#chatbox_members ul li a:link {
  text-decoration: none;
}
#chatbox_footer #message {
  color: #fff;
}


Alright, both of those removed the underline from the side bar. That's half of the problem. But it still appears in the posted text area.

EDIT: I just noticed something on my other forum. On the mainpage, it changes the underline to match the color group. It does not do this on the forum I'm currently editing however. Do you think you could use the prior forum's css styles sheet as a reference to find the code appropriate for the #1 solution I've provided in my original post?

Other site:


Current site:


EDIT: I also just noticed, some of the underlines, both in the cbox and on the main page are light blue... Seemingly at random. Would it help if I supplied my default CSS?

Bump.

Change it to this:

Code:


#chatbox_members ul li a:link {
  text-decoration: none;
}
#chatbox_footer #message {
  color: #fff;
}
#chatbox a {
  text-decoration: none;
}


Brilliant, that worked! Also, if you'll note the edits to my previous posts...

marlamin1 wrote:EDIT: I just noticed something on my other forum. On the mainpage, it changes the underline to match the color group. It does not do this on the forum I'm currently editing however. Do you think you could use the prior forum's css styles sheet as a reference to find the code appropriate for the #1 solution I've provided in my original post?

Other site:

Spoiler:

Current site:

Spoiler:

EDIT: I also just noticed, some of the underlines, both in the cbox and on the main page are light blue... Seemingly at random. Would it help if I supplied my default CSS?

...I had another question about the main page. If you can give me something to make the current site's homepage reflect the old site's homepage, I'll be set and we can mark this solved.

Bump

Bump.

Closing due to lack of response. *Marks solved* Thank you for your time LGForum.