FreeVPS Directory & Discussion
Dvz ShoutBox Problem - Printable Version

+- FreeVPS Directory & Discussion (https://freevps.us)
+-- Forum: Other (https://freevps.us/forum-18.html)
+--- Forum: General Hosting Discussion (https://freevps.us/forum-76.html)
+---- Forum: Web Design & Web Development (https://freevps.us/forum-22.html)
+---- Thread: Dvz ShoutBox Problem (/thread-19993.html)



Dvz ShoutBox Problem - Decent12 - 2017-01-12

Hi i am facing Problem in Dvz shoutbox there is huge space between User Name and Text you can see in screenshot any help?
http://imgur.com/a/ExMPE
Style Css

Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
#shoutbox { margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1); }
#shoutbox .head { padding: 8px; }
#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
#shoutbox.collapsed .head { opacity: 0.6; }
#shoutbox.collapsed .body { display: none; }

#shoutbox .panel { border-top: solid 2px rgba(0,0,0,0.1); }
#shoutbox input.text { margin: 0; padding: 10px 8px; width: 100%; box-sizing: border-box; border: none; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); font-family: Arial, sans-serif; font-size: 12px; color: #000; }
#shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; }
#shoutbox .panel.minposts { background: #FFFED8; color: #727250; }
#shoutbox .panel.blocked { background: #FCEFEF; color: #543A3A; }
#shoutbox .panel p { margin: 0; }

#shoutbox .window { border-top: solid 2px rgba(0,0,0,0.1); overflow-y: scroll; }
#shoutbox .data { display: table; width: 100%; border-top: solid 2px rgba(0,0,0,0.1); font-family: Arial, sans-serif; font-size: 12px; }
#shoutbox.front .data { border-top: none; }

#shoutbox .entry { display: table-row !important; width: 100%; transition: background-color 0.2s; }
#shoutbox .entry:nth-child(even) { background-color: rgba(0,0,0,0.01); }
#shoutbox .entry.new { background-color: rgba(255,255,100,0.1); }
#shoutbox .entry:target { background-color: rgba(50,200,255,0.1); }
#shoutbox .entry > div { border-bottom: dashed 1px rgba(0,0,0,0.05); }
#shoutbox .entry:last-child > div { border-bottom: none; }

#shoutbox .entry > div { display: table-cell; padding: 6px; }

#shoutbox .avatar img { margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: solid 1px rgba(255,255,255,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer; }
#shoutbox .user { border-right: solid 1px rgba(0,0,0,0.05); text-align: right; white-space: nowrap; }
#shoutbox .text { width: 100%; color: #555; }
#shoutbox .info { font-size: 11px; color: #AAA; white-space: nowrap; text-align: right; }
#shoutbox .entry.unread .info:before { display: inline-block; position: relative; top: -2px; margin-right: 10px; height: 4px; width: 4px; content: ''; background: rgba(255,100,0,0.8); border-radius: 10px; }
#shoutbox .info a { color: inherit; }
#shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none; }
#shoutbox .mod:nth-of-type(2) { margin-right: 5px; border-left: solid 1px rgba(0,0,0,0.1); }
#shoutbox  .ip { margin-right: 10px; color: #CECECE; }




RE: Dvz ShoutBox Problem - Nevermind23 - 2017-01-12

I think css is correct, the problem is in source code, can you post it here ?


RE: Dvz ShoutBox Problem - Ignis - 2017-01-12

Make sure that CSS is added to the bottom of the main myBB CSS file


RE: Dvz ShoutBox Problem - Decent12 - 2017-01-12

(2017-01-12, 2:40:48 am)Nevermind23 Wrote: I think css is correct, the problem is in source code, can you post it here ?
http://pastebin.com/D3fUCRqq here it is
(2017-01-12, 2:47:54 am)Ignis Wrote: Make sure that CSS is added to the bottom of the main myBB CSS file
Yes I add stlye.txt Text in Global.css


RE: Dvz ShoutBox Problem - karatekidmonkey - 2017-01-12

This was also happening on https://alphahost.me, but @Abdul Sami managed to fix it. Check here for reference: https://freevps.us/thread-19831-page-2.html

The padding here:
#shoutbox input.text
needs to be checked and/or removed, that helped a lot on AlphaHost.


RE: Dvz ShoutBox Problem - Abdul Sami - 2017-01-12

Well As @karatekidmonkey already said it.
On some themes DVZ Does not work well ,
On my other theme it was showing like before pasting the css code.
If you cannot fix the prob "Try getting an update of that theme" Or Change the theme.


RE: Dvz ShoutBox Problem - SLC - 2017-01-13

Since your forum is not public. It's kinda hard for anyone to inspect the CSS and see what's causing the misalignment. Not really sure what you're expecting to happen with just the given information.

That's like asking a guy what's wrong with my bed and just showing him a photo of it. Do you get the picture now?


RE: Dvz ShoutBox Problem - RizwaN - 2017-01-16

@Decent12 try to reinstalling of DVZ Shoutbox from you administration C-Panel.It never happens with me but as SLC says we can not check in photo, what is problem.