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 Thu 13 Nov 2014 - 9:24

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

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 Thu 13 Nov 2014 - 9:32

Hello,

Add this in your CSS:

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

Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

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

Post by gyso on Thu 13 Nov 2014 - 9:37

Mati™ wrote:Hello,

Add this in your CSS:

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

#fff = color?

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 Thu 13 Nov 2014 - 9:43

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 Thu 13 Nov 2014 - 9:45; edited 1 time in total (Reason for editing : formatting?)

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 Thu 13 Nov 2014 - 9:48

Try adding this into your CSS stylesheet:

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

#fff and #ffffff are the same.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
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 Thu 13 Nov 2014 - 10:08

Ramdaman,

How do I space between the two codes?

Thanks,

gyso

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 Thu 13 Nov 2014 - 10:11

Can you specify what you mean by "space"? Thanks.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
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 Thu 13 Nov 2014 - 10:16

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.

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 Thu 13 Nov 2014 - 10:17

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.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
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 Thu 13 Nov 2014 - 10:21

phpBB

Sam's FREE Celtics Discussion Forum

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 Thu 13 Nov 2014 - 10:25

Which phpBB? phpBB2?

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

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
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 Thu 13 Nov 2014 - 10:29

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

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 Thu 13 Nov 2014 - 10:38

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

Whichever one is ticked is the one you're using.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
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 Thu 13 Nov 2014 - 10:41

Thanks,

phpBB3

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 Thu 13 Nov 2014 - 10:47

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.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
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 Thu 13 Nov 2014 - 10:49

One quick question:

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

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 Thu 13 Nov 2014 - 10:50

Yes, you can have it like this as well.

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

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
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 Thu 13 Nov 2014 - 10:57

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



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 Thu 13 Nov 2014 - 10:59

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

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
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 Thu 13 Nov 2014 - 10:59

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

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 Thu 13 Nov 2014 - 11:00

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

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
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 Thu 13 Nov 2014 - 11:04


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 Thu 13 Nov 2014 - 11:09

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.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
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 Thu 13 Nov 2014 - 12:08

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

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 Thu 13 Nov 2014 - 12:10

Try this one last time.

Code:
#chatbox_header > h2 > a { color: #fff !important; }

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
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 Thu 13 Nov 2014 - 12:23

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

Many thanks,

gyso

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 Thu 13 Nov 2014 - 12:28

So this is completely solved now?


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


SLGray
Administrator
Administrator

Male Posts : 35657
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

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

Post by gyso on Thu 13 Nov 2014 - 12:35

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

This issue is completely solved!!!!!

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 Thu 13 Nov 2014 - 12:53

Topic solved and archived


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


SLGray
Administrator
Administrator

Male Posts : 35657
Reputation : 2375
Language : English
Location : United States

http://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