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: img.php?userid=19215]
#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
#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: img.php?userid=19215]
#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 for my VPS!
http://www.islc.eu.org/fvps/index.php?userid=17742

natcp-verify-token-17742


Recheck
#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?userid=20087&vps2]

Hello! If you are free, Please take a minute and visit my new hosting company : Click here to Redirect.
Thank you Hostigation and FreeVPS for the VPS Servers.


#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 and ZXPlay 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: Ftpit - ZXPlay - GalaxyHostPlus - Verelox- HostUS - Host4Fun - Evolution-Host - NodeBlade - HostDare - VPSMost


BitCoin donations: 1DQxbstaTb5SWk6QC2gFeQUTFR64JX4cEo