Dvz ShoutBox Problem
Hi i am facing Problem in Dvz shoutbox there is huge space between User Name and Text you can see in screenshot any help?
Style Css
#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; }
[Image: img.php?userid=19215]
I think css is correct, the problem is in source code, can you post it here ?
Make sure that CSS is added to the bottom of the main myBB CSS file
Giveaway Manager, FreeVPS Directory and Discussion

Also a big fan of Anime, see my poor taste here.
(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
[Image: img.php?userid=19215]
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.
-karatekidmonkey (https://codeco.pw)
Thanks to ZXPlay for my VPS!


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.
       My Post Count:
[Image: img.php?userid=20087&vps2]

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?
@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.

Users browsing this thread: 1 Guest(s)