chat width


no_avatar
OldFart
 
Posts: 16
Joined: Sun Feb 21, 2016 6:53 pm
 Fri Apr 29, 2016 2:14 pm • via Web
Hello,

I have a question about the width of the main chat body. When installed on a test board the chat body matches the same width of the forums. But on my live board the chat body id FULL width (it takes up the whole width of the screen.) I looked in the chat config from the ACP and see nothing about width, so I'm thinking another extension has changed something. I looked at both copies of chat.css( live board / test board ) and see no difference. I'm not that good at CSS yet. But am I on the right track looking at chat.css ?
no_avatar
OldFart
 
Posts: 16
Joined: Sun Feb 21, 2016 6:53 pm
 Mon May 02, 2016 7:30 pm • via Web
No response in 3-4 days now. Please see attached image, might help. I did find a similar question a few pages back that pointed to a line in the CSS file to change a width to 72px which I did and it had no effect.
Attachments
!cw.png
no_avatar
OldFart
 
Posts: 16
Joined: Sun Feb 21, 2016 6:53 pm
 Sun May 08, 2016 7:26 pm • via Web
I added this to #chat body

margin-left: 20%;
margin-right: 20%

which fixed the width issue. But lost the chat header....any idea anyone?
no_avatar
OldFart
 
Posts: 16
Joined: Sun Feb 21, 2016 6:53 pm
 Mon May 09, 2016 8:23 pm • via Web
also, i figured out last night, if i set permissions to allow guest access to chat thw width goes back to normal ( until you log-in and the it goes back to exrea=wide)

(( This is starting to feel like a blog , still no replys ))
User avatar
Leinad4Mind
 
Posts: 213
Joined: Thu Oct 15, 2015 10:10 pm
 Thu May 12, 2016 11:05 pm • via Web
What theme are you using?
no_avatar
OldFart
 
Posts: 16
Joined: Sun Feb 21, 2016 6:53 pm
 Fri May 13, 2016 3:11 pm • via Web
ShadowGlow , but this also happens in all styles I have installed. Including prosilver
no_avatar
override
 
Posts: 5
Joined: Thu Jun 02, 2016 1:08 pm
 Fri Jun 03, 2016 7:56 am • via Web
Thanks for the tip.. I was looking for the same! (cbb chat 1.1.1).


OldFart wrote:I added this to #chat body

margin-left: 20%;
margin-right: 20%

which fixed the width issue. But lost the chat header....any idea anyone?
Last edited by override on Wed Jun 08, 2016 1:33 pm, edited 1 time in total.
no_avatar
OldFart
 
Posts: 16
Joined: Sun Feb 21, 2016 6:53 pm
 Wed Jun 08, 2016 10:57 am • via Web
override wrote:Thanks for the tip.. I was looking for the same! I still have my chat header BTW. (cbb chat 1.1.1).


OldFart wrote:I added this to #chat body

margin-left: 20%;
margin-right: 20%

which fixed the width issue. But lost the chat header....any idea anyone?


I tried the same edit, and like you lost the header. no fix
no_avatar
override
 
Posts: 5
Joined: Thu Jun 02, 2016 1:08 pm
 Wed Jun 08, 2016 1:26 pm • via Web
Mmmhh.. I then think that I am not on the same line with you guys.
What do you mean with the header?



OldFart wrote:
override wrote:Thanks for the tip.. I was looking for the same! I still have my chat header BTW. (cbb chat 1.1.1).


OldFart wrote:I added this to #chat body

margin-left: 20%;
margin-right: 20%

which fixed the width issue. But lost the chat header....any idea anyone?


I tried the same edit, and like you lost the header. no fix
no_avatar
override
 
Posts: 5
Joined: Thu Jun 02, 2016 1:08 pm
 Wed Jun 08, 2016 1:31 pm • via Web
What if you remove the margins from your theme/chat.css and add a max-width to the /forum/ext/canidev/chat/assets/css/common.css?
Still not sure what you mean with the chat header.

#chat-body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
margin: 5px 0;
min-width: 280px;
max-width: 650px;
padding: 5px;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}


OldFart wrote:I added this to #chat body

margin-left: 20%;
margin-right: 20%

which fixed the width issue. But lost the chat header....any idea anyone?
Next

Who is online

Users browsing this forum: No registered users and 0 guests