Emoticon table and Background color w/ chat

Technical Details

Forum version : phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : All members
Forum link : http://tedcruz2016.omgforum.net/

Description of problem

The emoticon('smilie') table is not wide enough. You have to scroll forever to bring up all our emoticons. Is there a way to make it larger?
The other problem is in chat. When you bring up the smilies the background of the forum is used. It's hard to see the 'smilies' because it's a dark background. Is there any way to change the chat smilie background without having to change the forums background? I'm adamant on leaving it with the dark color it has-but i need a lighter background for the chat smillies.

Hello,

Can you provide a screenshot of the issue for us?

-Brandon

Sure. We might be able to get away with the dark background in chat smilies. Some are easier to see than others. If it can be changed w/o having to change the forum background-fine.If not,fine.We'll just leave it.

The Emoticon table is another matter. The width is horrid.
Here's the shots:




Your forums rock. Real pleased w/ all the neat features,theme selections and how ez it is to set up.Except for a few minor problems been great so far!

For the post box smiles, try using these CSS rules to adjust the width between the textarea and smiles.

Code:

#smiley-box, .smile-status-box { width:30% }
#textarea_content { width:68% !important }

Use this rule to change a portion of the background for the chatbox smiles :

Code:

#simple-wrap { background:#FFF }

All codes should go in Administration Panel > Display > Colors > CSS stylesheet

not getting it.Do I put it in the CSS box starting at line 1 or do i change it in the forum's basic css?
totally Lost. I have no idea how to use css. NONE.
Sorry about that. you're talking to someone who is at square one when it comes to CSS.

The basic CSS link is only a link to your current CSS source. ( For reference ) Simply paste the codes provided on a new line in the textarea.