FreiChat related discussions
Bootstrap 3 and Freichat CSS clash

My website uses bootstrap 3, and the freichat plugin clashes with it and all the css has become messed . Any support will be appreciated.

link:- sportsocial.co.nf/test.php

My website uses bootstrap 3, and the freichat plugin clashes with it and all the css has become messed . Any support will be appreciated. link:- sportsocial.co.nf/test.php

We found that only one css property is clashing with bootstrap .

Add the following lines to freichat/client/themes/basic/styles.css

#freichat div {
box-sizing: content-box !important;
}
We found that only one css property is clashing with bootstrap . Add the following lines to freichat/client/themes/basic/styles.css ``` #freichat div { box-sizing: content-box !important; } ```
Necessity is the mother of all inventions!

There is still some problems in the chatroom, the textbox area, i cant get my cursor for typing.
And the show hide chatroom options are also not positioned correctly

There is still some problems in the chatroom, the textbox area, i cant get my cursor for typing. And the show hide chatroom options are also not positioned correctly

The code fix was for the private chat .

Add the following code in the same file to fix the chatroom

.chatroommessagearea {  

  line-height: 12px;
}  

.frei_chatroom_options {  

  box-sizing: border-box;
}  

.frei_chatroom * {  

  box-sizing: content-box;
}
The code fix was for the private chat . Add the following code in the same file to fix the chatroom ``` .chatroommessagearea { line-height: 12px; } .frei_chatroom_options { box-sizing: border-box; } .frei_chatroom * { box-sizing: content-box; } ```
Necessity is the mother of all inventions!
412
4
1
live preview
enter atleast 10 characters
WARNING: You mentioned %MENTIONS%, but they cannot see this message and will not be notified
Saving...
Saved
With selected deselect posts show selected posts
All posts under this topic will be deleted ?
Pending draft ... Click to resume editing
Discard draft