Inne Położenie tekstu dvz shoutbox

wersja skryptu MyBB: 1.8.5
adres forum: http://super-liga.xaa.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Chciałbym przenieść tekst w shoutboxie dvz pod nick. Proszę o pomoc.


CSS

/* DVZ Shoutbox */
#shoutbox {
    margin-bottom: 10px;
    border: solid px rgba(0,0,0,0.1);
}

#shoutbox .head {
    background: #F5F5F5;
    color: #333;
    padding: 8px;
    border-bottom: 1px solid #DDD;
}

#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 {
    color: #ddd;
    border-top: solid px rgba(0,0,0,0.1);
    padding: 10px 15px;
    background-color: #F5F5F5;
    border-width: 1px medium medium;
    border-style: solid none none;
    border-color: #DDD -moz-use-text-color -moz-use-text-color;
}

#shoutbox input.text {
    width: 100%;
    color: #000;
    margin: 0;
    padding: 10px 8px;
    box-sizing: border-box;
    border: none;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0);
    border-color: #DDD -moz-use-text-color #CCC #CCC;
    border-width: 1px medium 1px 1px;
    border-style: solid none solid solid;
    border: 1px solid #BDBDBD;
    height: 35px;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

#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 0px rgba(0,0,0,0.1);
    overflow-y: scroll;
    padding: 10px;
    background-color: #FFF;
}

#shoutbox .data {
    width: 100%;
    text-align: left;
    display: table;
    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 {
    background: #FFF;
    width: 100%;
    display: table-row !important;
    transition: background-color 0.2s;
}

#shoutbox .entry:nth-child(even) {
    background-color: #FFF;
}

#shoutbox .entry.new {
background-color: rgba(255,255,100,0.1);
}

#shoutbox .entry > div {
    border-bottom: solid 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: 45px;
    max-width: 45px;
    border: solid 0px rgba(255,255,255,0.1);
    box-shadow: 0 0 0px rgba(0,0,0,0.1);
    cursor: pointer;
}

#shoutbox .user {
    border-right: solid px rgba(0,0,0,0.05);
    text-align: left;
    white-space: nowrap;
}

#shoutbox .text {
width: 100%; color: #555;
}

#shoutbox .info {
font-size: 11px; color: #AAA; white-space: nowrap; text-align: right;
}

#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;
}

Znalazłem poradnik: https://webboard.pl/thread-51834.html
Jednak mam inną wersje dvz shoutbox: DVZ Shoutbox (2.1.3)
Podpowie ktoś?

Kasujesz link - nie licz na wsparcie techniczne - Post #262889
Jak umieścić brakujący link z informacją o autorze tłumaczenia - Post #263650

Ale ja nic nie usuwałem i mam {$lang->powered_by} w szablonie footer, dodałem teraz

<a href="https://webboard.pl">Tłumaczenie MyBB PL</a>

do szablonu i już jest, proszę o pomoc

Sprawdź sobie z takim CSS-em:

/* DVZ Shoutbox */
#shoutbox { margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1); }
#shoutbox .head { padding: 8px; }
#shoutbox.front .head { cursor: pointer; background: rgba(250, 250, 250, 0.7);   }
#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%; background: #FAFAFA;    border-bottom: 1px solid #F2F2F2; border-top: solid 2px rgba(0,0,0,0.1); font-family: Arial, sans-serif; font-size: 12px; }
#shoutbox.front .data { border-top: none;   background: #fff;   }

#shoutbox .entry { 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 > 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 .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; }

Tylko ewentualnie zmień sobie kolory.

Niestety, po podmienieniu kodu zmienił się tylko wygląd shoutboxa, jednak położenie tekstu się nie zmieniło.

Ja tam nie widzę, abyś zastosował kod, który wyżej podałem.

Bo przywróciłem poprzedni kod

więc wgraj kod który podał Ci snake.

Po co mam go wgrywać 2 raz? jak nic nie daje
Ps Nic nie wnosisz do tematu

1. znajdź "#shoutbox .entry > div"
2. zamień:

{
    display: table-cell;
    padding: 6px;
}

na

{
    display: table-cell;
    padding: 0.5px;
}

1. znajdź "#shoutbox .entry > div"
2. zamień:

{
display: table-cell;
padding: 6px;
}

na

{
display: table-cell;
padding: 0.5px;
}

1. Sprawdziłem
2. Nie wiem co ma padding do zmiany położenia tekstu
3. Wciąż czekam na pomoc

Znajdź:

#shoutbox .avatar img {

i usuń:

vertical-align: middle;

Znajdź:

#shoutbox .avatar img {

i usuń:

vertical-align: middle;

To nie to

To to... Tylko oczywiście nie umiesz poczekać lub przeczyścić cache i wracasz do starego kodu.
Powodzenia.

To przeniosło tekst niżej, a mi chodzi o przeniesienie tekstu pod nick a nie przeniesienie nicku i tekstu niżej, więc to nie to i czytaj ze zrozumieniem