DVZ Shoutbox Move Textbar to bottom

[tonperneis]

I want to move the writting text bar in the bottom of shoutbox because now its on top.

I tried this solution but it doesnt take effect using global.css

https://community.mybb.com/thread-210491.html

my website www.greek-gaming.com in case you want to use inspect element method.

Any accurate advice?
I use DVZ Shoutbox 2.1.1

[tonperneis]

I Found it alone:
I edited dvz_shoutbox template from this:

<div id="shoutbox" class="front{$classes}">
<div class="head">
<strong>{$lang->dvz_sb_shoutbox}</strong>
<p class="right"><a href="{$mybb->settings['bburl']}/index.php?action=shoutbox_archive">&laquo; {$lang->dvz_sb_archivelink}</a></p>
</div>
<div class="body">
{$panel}
<div class="window" style="height:{$mybb->settings['dvz_sb_height']}px">
<div class="data"></div>
</div>
</div>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dvz_shoutbox.js"></script>
{$javascript}
</div>

CHANGED TO THIS:

<div id="shoutbox" class="front{$classes}">
<div class="head">
<strong>{$lang->dvz_sb_shoutbox}</strong>
<p class="right"><a href="{$mybb->settings['bburl']}/index.php?action=shoutbox_archive">&laquo; {$lang->dvz_sb_archivelink}</a></p>
</div>
<div class="body">
<div class="window" style="height:{$mybb->settings['dvz_sb_height']}px">
<div class="data"></div>
</div>
</div>
{$panel}
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dvz_shoutbox.js"></script>
{$javascript}
</div>