The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Chat Box border font color is hard to read

View previous topic View next topic Go down

Solved Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 3:24 pm

We just started to use the Chat Box.

The Chat Box border font color is hard to read.  The part where it reads:  Refresh | Archives | Auto refresh, etc.

The background is dark green and the font is a lighter green.  The difference isn't enough.  We would like to turn it white or black (or some other color) to see if the contrast would be improved.

Thanks for your time.

gyso

from: Sam's FREE Celtics Discussion Forum
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by Mati on November 13th 2014, 3:32 pm

Hello,

Add this in your CSS:

Code:
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #fff;
}
avatar
Mati
Active Poster

Posts : 1897
Reputation : 287
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 3:37 pm

Mati™ wrote:Hello,

Add this in your CSS:

Code:
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #fff;
}

#fff = color?
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 3:43 pm

Six "f"s = white.  Thanks, that changed the text over to the right.  That looks great.

The word, Chatbox (over to the left) was unaffected.  How do I change that one to white as well?

Thanks,

gyso


Last edited by gyso on November 13th 2014, 3:45 pm; edited 1 time in total (Reason for editing : formatting?)
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by Ramdaman on November 13th 2014, 3:48 pm

Try adding this into your CSS stylesheet:

Code:
.chatbox-title, .chatbox-title a.chat-title {
color: #ffffff !important;
}

#fff and #ffffff are the same.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 4:08 pm

Ramdaman,

How do I space between the two codes?

Thanks,

gyso
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by Ramdaman on November 13th 2014, 4:11 pm

Can you specify what you mean by "space"? Thanks.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 4:16 pm

Space between the two codes:

.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
   color: #ffffff;
}

.chatbox-title, .chatbox-title a.chat-title {
color: #ffffff !important;
}

Is it correct to have an empty line between the end of one (}) and the beginning of the next (.chatbox-title . . .)?
Or do I delete the empty line (aka: space)

BTW, the last code didn't affect the Chatbox font color.
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by Ramdaman on November 13th 2014, 4:17 pm

What forum version are you using?

And no, the spacing does not matter. You can have spacing if you want, if not, you don't have to have it.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 4:21 pm

phpBB

Sam's FREE Celtics Discussion Forum
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by Ramdaman on November 13th 2014, 4:25 pm

Which phpBB? phpBB2?

For phpBB2, use this code:
Code:
a.cattitle {
  color: #fff;
  text-decoration: none;
}
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 4:29 pm

At the bottom of my main screen, it just says phpBB. Where do I look for it if that isn't it?
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by Ramdaman on November 13th 2014, 4:38 pm

Go to your Administration Panel => Display => Skins => Choose a theme => Version

Whichever one is ticked is the one you're using.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 4:41 pm

Thanks,

phpBB3
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by Ramdaman on November 13th 2014, 4:47 pm

Do you have any other CSS codes in your stylesheet which may affect the following:

Code:
a.chat-title {
color: #fff!important;
}

Also, try this one more time ^. Press save and check. If you're on PhpBB3, then this should work as I've used the developer's tool and it works.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 4:49 pm

One quick question:

Does the code have to be spread out across three lines or can it be presented in just one?
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by Ramdaman on November 13th 2014, 4:50 pm

Yes, you can have it like this as well.

Code:
a.chat-title { color:#fff!important; }
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 4:57 pm

It didn't change the Chatbox title color.

I put the last code first, like this:

a.chat-title { color:#fff!important; }
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #ffffff;
}

Again, thanks for your perseverance.

gyso


avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by Ramdaman on November 13th 2014, 4:59 pm

Have you tried placing the code at the top above all other codes that may be in your stylesheet?
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 4:59 pm

Oh, yeah. To answer one of your questions, there are no other CSS codes, just what I typed above
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by Ramdaman on November 13th 2014, 5:00 pm

Could I have a link to your forum? I could use the developer's tool to see what the issue might be.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 5:04 pm

avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by Ramdaman on November 13th 2014, 5:09 pm

Try adding all of this.

Code:
.chatbox-title {
float: left;
margin: 0px;
padding: 2px 5px 0px;
width: 15em;
color: #fff !important;
}
a.chatbox-title {
float: left;
margin: 0px;
padding: 2px 5px 0px;
width: 15em;
color: #fff !important;
}
a:visited.chatbox-title {
float: left;
margin: 0px;
padding: 2px 5px 0px;
width: 15em;
color: #fff !important;
}

This code is for the chatbox which isn't displayed on the forum index. It's for the one where you click the link and the chatbox window opens.

----------------

EDIT: If that doesn't work, it's because in your Administration Panel => Display => Pictures and Colors => Colors you set your link color to green.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 6:08 pm

I changed the link color to white, it was just horrible.

I changed the link color to black, the forum lost its "look".  Funny thing, the link "CHATBOX" on our main page stayed green. It was the only one that didn't turn black. Oh, and once in the chatbox, the word "Chatbox" stayed green.

It gets to a point where we are beating a dead horse.  We can live with how it is now.  The important thing is that we got the "Refresh | Archives | Auto refresh, etc." text to be white and quite readable.

Thank you for all your efforts,

gyso
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by Ramdaman on November 13th 2014, 6:10 pm

Try this one last time.

Code:
#chatbox_header > h2 > a { color: #fff !important; }
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 6:23 pm

Ramdaman, you are the man!! That one did the trick,

Many thanks,

gyso
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by SLGray on November 13th 2014, 6:28 pm

So this is completely solved now?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 39588
Reputation : 2656
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by gyso on November 13th 2014, 6:35 pm

Not only did Ramdaman go the extra step, he went an extra two steps.

This issue is completely solved!!!!!
avatar
gyso
New Member

Posts : 21
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chat Box border font color is hard to read

Post by SLGray on November 13th 2014, 6:53 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 39588
Reputation : 2656
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum