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 not showing properly.

View previous topic View next topic Go down

Solved Chat not showing properly.

Post by CrystalSetsuna on December 13th 2014, 8:27 pm

so i actived the chatbox for my members today, and it does not look right. you can't see the options at the top to even log in! i would like to fix that, and adjust the size and appearance...but i have no idea how. help? below is an image of the issue with the chatbox. thank you!



Last edited by CrystalSetsuna on December 17th 2014, 3:12 am; edited 1 time in total

CrystalSetsuna
Forumember

Female Posts : 41
Reputation : 1
Language : English

http://highcoveholt.forumotion.com/

Back to top Go down

Solved Re: Chat not showing properly.

Post by Ange Tuteur on December 13th 2014, 8:52 pm

Hello @CrystalSetsuna,

Add this rule to your stylesheet :
Display > Colors > CSS stylesheet
Code:
#chatbox_header { background:#999 }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Chat not showing properly.

Post by CrystalSetsuna on December 14th 2014, 2:44 am

i posted it at the bottom where i saw chatbox stuff and it didn't do anything. the problem still remains. i think possibly i need a CSS code, because it is largely lacking in my CSS sheet...i can't even change the size, and i'd like to.

CrystalSetsuna
Forumember

Female Posts : 41
Reputation : 1
Language : English

http://highcoveholt.forumotion.com/

Back to top Go down

Solved Re: Chat not showing properly.

Post by CrystalSetsuna on December 15th 2014, 4:27 pm

bump. i still need help please.

CrystalSetsuna
Forumember

Female Posts : 41
Reputation : 1
Language : English

http://highcoveholt.forumotion.com/

Back to top Go down

Solved Re: Chat not showing properly.

Post by Jadster on December 15th 2014, 4:31 pm

Morning CrystalSetsuna,
Try replacing Ange's code with the code below and see if it does anything.

Code:
#chatbox_header { background:#999 } !important;

If this doesn't work then please let me know so I can help you further. It may require the !imporant piece at the ending to take effect but I am not 100%.

-James

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.com

Back to top Go down

Solved Re: Chat not showing properly.

Post by CrystalSetsuna on December 15th 2014, 6:23 pm

i did replace it, and unfortunately, the chatbox is still the same as it is in the image. all white.>.<

CrystalSetsuna
Forumember

Female Posts : 41
Reputation : 1
Language : English

http://highcoveholt.forumotion.com/

Back to top Go down

Solved Re: Chat not showing properly.

Post by Jadster on December 15th 2014, 6:27 pm

Hello CrystalSetsuna,
What exactly are you trying to change? The code we provided will only change the color of the header. If you are trying to change something else on the chatbox then let us know so we can provide the proper code.

-James

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.com

Back to top Go down

Solved Re: Chat not showing properly.

Post by CrystalSetsuna on December 15th 2014, 6:42 pm

i'm trying to get it to where it will show the options at the top of the chatbox. if i highlight it, it will shows the words...Chatbox, the login in and everything else. but if it's not highlighted, nothing shows. i'd like to get it to the point where it at least looks like this in relation to the top and bottom, instead of being white all over.



i would also like to try to resize it a bit.

CrystalSetsuna
Forumember

Female Posts : 41
Reputation : 1
Language : English

http://highcoveholt.forumotion.com/

Back to top Go down

Solved Re: Chat not showing properly.

Post by Jadster on December 15th 2014, 6:43 pm

Hello CrystalSetsuna,
Thank you for the further details on what it is you are having issues with and what you are wanting. Since this image was from a website that Ange Tuteur is the admin of, he might be able to hep further with this code.

Hope you understand!

-James

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.com

Back to top Go down

Solved Re: Chat not showing properly.

Post by CrystalSetsuna on December 15th 2014, 6:48 pm

of course i understand. i have no problem with waiting, it's just...annoying. XD i have no idea why the chatbox is doing this, and i'm unhappy it's making things difficult for my poor users.

i just wish i knew what to call those areas...the title bar of the chatbox maybe? i'm not sure.

CrystalSetsuna
Forumember

Female Posts : 41
Reputation : 1
Language : English

http://highcoveholt.forumotion.com/

Back to top Go down

Solved Re: Chat not showing properly.

Post by Jadster on December 15th 2014, 6:57 pm

Thanks for understanding. It all comes down to coding knowledge and classes really. Not difficult, just time consuming. I am happy you are understanding and I hope you are able to get this situated soon. I will keep trying as hard as I can to help you out!

-James

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.com

Back to top Go down

Solved Re: Chat not showing properly.

Post by Ange Tuteur on December 15th 2014, 9:54 pm

@CrystalSetsuna,

Try adding it to the top of your stylesheet. If it's not working at the bottom, then your sheet may contain errors.
Code:
#chatbox_header { background:#999 } !important;

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Chat not showing properly.

Post by CrystalSetsuna on December 16th 2014, 2:27 am

yay it worked! but...the bottom bar is still white. as is the background, which i'm assuming should be alternate colors...what are the codes for that please?

is there also a way to resize the chat? it's a bit too long..

CrystalSetsuna
Forumember

Female Posts : 41
Reputation : 1
Language : English

http://highcoveholt.forumotion.com/

Back to top Go down

Solved Re: Chat not showing properly.

Post by Ange Tuteur on December 16th 2014, 2:40 am

Okay, remove that last code I gave you, and replace it with this :
Code:
.chatbox .forabg {
  background:url("http://i57.servimg.com/u/f57/18/21/41/30/25710.png") repeat-x scroll 0% 0% #257 !important
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Chat not showing properly.

Post by CrystalSetsuna on December 16th 2014, 2:52 am

yay!!...alright, just two more things. i'm having trouble adding the code for the alternating colors of the rows, like when one person posts, their text will be on a white line, but the next persons line will be grey, and so forth.

also, is resizing possible?

third thing...how do i change the colors of the bars now?

CrystalSetsuna
Forumember

Female Posts : 41
Reputation : 1
Language : English

http://highcoveholt.forumotion.com/

Back to top Go down

Solved Re: Chat not showing properly.

Post by Ange Tuteur on December 16th 2014, 3:26 am

For the rows, add this to your CSS :
Code:
.chatbox_row_1 { background:#FFF }
.chatbox_row_2 { background:#DDD }

What do you mean by "resizing" ?

To change the colors of the bars modify this rule :
Code:
.chatbox .forabg {
  background:url("http://i57.servimg.com/u/f57/18/21/41/30/25710.png") repeat-x scroll 0% 0% #257 !important
}

To something like this :
Code:
.chatbox .forabg { background:#000 }
That will make them black.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Chat not showing properly.

Post by CrystalSetsuna on December 16th 2014, 4:13 am

i mean resizing as in, i would like to narrow the chatbox and make it a bit taller.

CrystalSetsuna
Forumember

Female Posts : 41
Reputation : 1
Language : English

http://highcoveholt.forumotion.com/

Back to top Go down

Solved Re: Chat not showing properly.

Post by Ange Tuteur on December 16th 2014, 8:23 am

Add this to your sheet :
Code:
#chatbox_top {
  width:100%;
  height:400px !important;
}

Adjust the width or height to what you want.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Chat not showing properly.

Post by CrystalSetsuna on December 16th 2014, 4:21 pm

i added the code to the top and tried fiddling with the values, but it's not doing anything to change the box. i tried a few different placements between the other codes, but it's still not working.

EDIT: nevermind, i found another code that works. however another problem has arose...ugh. how can i center align the chatbox? it is a better size, but the odd thing is it's now left aligned, and looks a bit odd...

CrystalSetsuna
Forumember

Female Posts : 41
Reputation : 1
Language : English

http://highcoveholt.forumotion.com/

Back to top Go down

Solved Re: Chat not showing properly.

Post by Ange Tuteur on December 17th 2014, 12:09 am

Which code are you using now ?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Chat not showing properly.

Post by CrystalSetsuna on December 17th 2014, 2:37 am

Code:
#chatbox_top, #chatbox_bottom{width:900px;height:425px!important;}

CrystalSetsuna
Forumember

Female Posts : 41
Reputation : 1
Language : English

http://highcoveholt.forumotion.com/

Back to top Go down

Solved Re: Chat not showing properly.

Post by Ange Tuteur on December 17th 2014, 2:59 am

Replace it with this :
Code:
#chatbox_top, #chatbox_bottom{width:900px;height:425px!important;margin:0 auto;}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Chat not showing properly.

Post by CrystalSetsuna on December 17th 2014, 3:11 am

perfect! thank you so much for your patience and help! this issue is now SOLVED! <3

CrystalSetsuna
Forumember

Female Posts : 41
Reputation : 1
Language : English

http://highcoveholt.forumotion.com/

Back to top Go down

Solved Re: Chat not showing properly.

Post by Ange Tuteur on December 17th 2014, 6:58 am

You're welcome ^^

Topic archived

Happy holidays santa

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

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