Chatbox is empty

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem : https://i.imgur.com/Wyt6BH2.png
Who the problem concerns : All members
When the problem appeared : Probably this is Style problem
Forum link : http://outland.forumpolish.com/

Description of problem

I use prepared style from Hitskin.com - "sss" by Lucasek. I like this style but chatbox is completery empty. I tried fix this use CSS but nothing was change. I know I can change style for other, but I would like use this.

hello and welcome

if you use the default template is the chatbox ok?

Yes, when I change this style to another, chatbox working.

maybe put the default style so chatbox can be active and then we will try to style it again from scratch
i can help you restyle it..

can you put the style css you already have and its not working here

Style CSS is soo long so I put this on pastebin - https://pastebin.com/Mxnjffh3

I can always use some external chat, but I would prefer a dedicated one.

i meant only the chatbox css but i will find it there
so something in the template cause the chatbox not to work properly

edit : can you send me via pm a test account cause you are not allowed any new members and i cant see the chatbox

I send PM.

The chat looks normal for me. What browser are you using?

Google Chrome.

@EDIT: On Microsoft Edge also chatbox working, hm...

please clear your browser cache and retry

edit: pm received thanks , using Chrome i can see your issue also


@Mytarea add this to your css

Code:


#chatbox_members {
      position: unset;
}


I did that and now I see chatbox but still this not working as well because I don't see message field option.
Screen: https://i.imgur.com/xSQIXTN.png

add this also

Code:


#chatbox {
      position: unset;
}


Better, but still no perfect.
Screen: https://i.imgur.com/LnMCkcj.png

So this is only occurring on Chrome?

Probably Yes.

Ipad safari tested its ok
From chrome the scroll bar dont function and the bottom editor is hidden when you scroll down
You can only view the text if you maximize the chatbox frame manually

So there are any chances to fix it?

just put the default and style it the way you want

I hope you mean only chatbox CSS, because I can't made full style on forumotion

of course only chatbox css and we are here to help you

What is a default chatbox style? I can't find this.

Mytarea wrote:What is a default chatbox style? I can't find this.

Hey @Mytarea,
Give me you stylesheet or find this and remove:

Code:

#chatbox {
   position: unset
}

#chatbox_members {
   position: unset
}

#chatbox .cb-avatar {
   border-radius: 50px!important;
   box-shadow: none!important;
   height: 50px!important;
   overflow: hidden!important;
   padding: 0!important;
   transform: translateZ(0);
   width: 50px!important
}

#chatbox .cb-avatar>img {
   height: auto!important;
   position: relative!important;
   top: -10px;
   width: 50px!important
}

#chatbox .date-and-time {
   display: inline-block;
   float: none!important;
   font-size: 12px;
   margin-bottom: 3px!important;
   margin-left: 2px!important;
   margin-top: 2px!important
}

#chatbox .user {
   float: left!important
}

#chatbox .user strong {
   font-size: 0
}

.chatbox-username.chatbox-message-username {
   font-size: 12px
}

Cordially,
pedxz.

My current CSS is:

Code:


/* Chatbox-------------------------------------------------*/
/* Mise en forme de l'avatar du membre */
#chatbox {
      position: unset;
}
#chatbox_members {
      position: unset;
}
#chatbox .cb-avatar {
  padding:0!important;
  width:50px!important;
  height:50px!important;
  border-radius:50px!important;
  overflow:hidden!important;
  box-shadow: none!important;
  transform: translateZ(0); /* empeche bug Chrome */
}
#chatbox .cb-avatar > img {
  position:relative!important;
  top: -10px;
  width:50px!important;
  height:auto!important;
}

/* Mise en forme de la date */
#chatbox .date-and-time {
  display:inline-block;
  float:none!important;
  margin-left:2px!important;
  margin-top:2px!important;
  margin-bottom:3px!important;
  font-size:12px;
}

/* Mise en forme du pseudo du membre ayant poste */
#chatbox .user { float:left!important; }
#chatbox .user strong {font-size: 0;}
.chatbox-username.chatbox-message-username { font-size: 12px; }


Should I replace it with your code?

Bump, anyone can help?

Chatbox slightly working, but still need some fix about scrollbar. The scrollbar problems can be noticed not only on the Google Chrome browser.

The list of connected users should also be on the left, not on top.

I do not have too much experience in forumotion CSS, this is my first forum of this type.

Please post the link to the theme on Hitskin.

Hello,

Add this code to your CSS:

Code:

html, body.chatbox{
height:100%;
}
body #chatbox, body #chatbox_members{
display:inline-block !important;
height:100% !important;
}
body #chatbox{
width: calc(100% - 181px) !important;
overflow: auto !important;
}

It should fix everything at least on Firefox. I cant test it on Chrome, but I dont see why it would not work.

SLGray wrote:Please post the link to the theme on Hitskin.

https://en.hitskin.com/search-a-skin/sss/211852

@Menim I added this, and now chatbox look like this - https://i.imgur.com/LebBIRW.png (tested on Microsoft Edge, but on Chrome look same)
So, is better but still this scrollbar is crazy.

Clear your browser's cache and history.

Done, and still look like same.

for me the chatbox works perfectly now 
using chrome

delete this from your css

Code:


#chatbox {
position: unset;
}