Dvz ShoutBox Problem
#1
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; }

[Image: show_img.php?userid=19215&vpscount=2]
#2
I think css is correct, the problem is in source code, can you post it here ?
#3
Make sure that CSS is added to the bottom of the main myBB CSS file
"Post counters? We don't need no stinkin' post counters!"
#4
(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: show_img.php?userid=19215&vpscount=2]
#5
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 and FuzzyHosts for my VPSes!
[Image: img.php?v2=1&userid=17742&txt=1]



#6
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?v2=1&userid=20087] .

Are you looking for Free Web Hosting and Game Servers? Click here to get your own
Thank you FreeVPS & Hostigation & HostMada & NoUptime & VPSMost.hu for the VPS'S.

#7
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?

Many thanks to FreeVPS for VPS #13 from ZXPlay and DEDI #1 from GalaxyHostPlus for providing such an amazing service. (Read: How to get a VPS here.)
#8
@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)

Switch to mobile version

Sponsors: FuzzyHosts - Ftpit - ZXPlay - GalaxyHostPlus - Verelox- HostUS - HostMada - Host4Fun - Evolution-Host - NodeBlade - HostDare


BitCoin donations: 1DQxbstaTb5SWk6QC2gFeQUTFR64JX4cEo