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.

How to change FM Chat Style/Color

View previous topic View next topic Go down

Solved How to change FM Chat Style/Color

Post by ReturnOfPeyton on July 18th 2012, 2:48 am

I want to make it exactly like the "Online Members" Box.
I want it to be rounded, and use the color "deep sky blue" all around the border.
I want all the words to have the font used in the word "Online" in the Online members box and be white. Color code for DeepSkyBlue is #00BFFF.

Here are pictures:

Here is my site:

Here is my CSS code:
  /**** LG CHAT STYLING ****/
    #LGchat {
      background: #1E90FF; /* EDITABLE - Color of block around outside */
      width: 80%;
      float: right;
      z-index: 999;
      position: fixed;
      right: 5px;
      bottom: 30px;
      margin: 0px;
      padding: 3px;
    #LGchatbtn {
      width: 90px;
      right: 40px;
      height: 24px;
    .LGchatBtn {
      background: #FFFFFF; /* EDITABLE - Background color of buttons */
      cursor: pointer;
      line-height: 22px;
      color: #00BFFF; /* EDITABLE - Color of border and text of buttons */
      font-family: Tahoma,Verdana,Arial;
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      -moz-border-radius: 6px;
      border-radius: 6px ;
      border:1px solid;
      position: fixed;
      bottom: 1px;
    .LGchatBtn:hover { color: #00BFFF;} /* EDITABLE - Color of text and border of buttons on hover */
    .chatPM { display: none;border: 1px solid #000000;padding: 3px;margin: 3px;font-size: 13px;}
    #LGchatOnlineUsers .online{background-image: none;}
    #chatcount {  width: 35px;  right: 2px;  height: 24px;}
    #LGchatOnlineUsers {
      height: 400px; /* EDITABLE - height of the online box */
      width: 200px; /* EDITABLE - width of the online box */
      border: 2px solid #00BFFF; /* EDITABLE - border of online box */
      border-radius: 6px;
      position: fixed;
      right: 5px;
      bottom: 30px;
      z-index: 999;
      background: #fff; /* EDITABLE - Background color of online box */
    #LGchatOnlineUsers h4 {
      background-color: #00BFFF;  /* EDITABLE - Background color of header of online box */
      font-size: 14px;
      text-align: center;
      margin-top: 0px;
      margin-bottom: 5px;
      color: #fff;  /* EDITABLE -  color of text in the header of online box */
      padding: 3px 0px;
    #lgtogglesnd {  font-weight: bold;  color: #FFFFFF;  /* EDITABLE - color of sound toggling button */
    margin: 5px;  width: 100px;}
    #LGsticky {
      position: absolute;
      top: 30px; right: 0px; left: 0px;
      border: 1px solid #00BFFF; /* EDITABLE - Border color of sticky message box. */
      background: #00BFFF; /* EDITABLE - Background color of sticky message box */
      padding: 4px;
      text-align: center;     


Posts : 37
Reputation : 1
Language : English

Back to top Go down

Solved Re: How to change FM Chat Style/Color

Post by Jophy on August 1st 2012, 10:10 am

No solution posted => Garbage


Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

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