Topic: Removing "shout!" button from the shoutbox?

[Unruler]

I've installed a new skin (bluez) and noticed that it makes shout! button too big so it doesn't fit on a same line with text field.

So I wounder how could I remove shout! button or figure it out somehow else?

[TinMan]

Instead of removing it, you could make your submit button smaller by opening your Themes/Bluez/css/index.css
and find:

Code: [Select]

.button_submit, .button_reset
{
background-image: url(../images/button-sprite.png);
background-position: 0 -1134px;
    border: 1px solid #D3D3D3;
    color: #555;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
cursor: pointer;
font: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 5px 9px;
border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
margin: 0 5px 20px;
display: inline-block;
}
and change it to something like:

Code: [Select]

.button_submit, .button_reset
{
background-image: url(../images/button-sprite.png);
background-position: 0 -1134px;
    border: 1px solid #D3D3D3;
    color: #555;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
cursor: pointer;
font: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
padding: 2px 1px 2px 1px;
border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
margin: 0 5px 20px;
display: inline-block;
}

[Unruler]

Thanks for the response, it worked but it also made every button smaller, when in default theme for example button in shoutbox is smaller than average button.

And shout! button serves no practical purpose anyway, I think people are smart enough to figure out to hit enter.

[TinMan]

You may try opening Themes/default/PortalShoutbox.template.php and find:

Code: [Select]

<input type="submit" name="submit_shout" value="', $txt['sp_shoutbox_button'], '" class="sp_float_right button_submit" onclick="sp_submit_shout(', $shoutbox['id'], ', \'', $context['session_var'], '\', \'', $context['session_id'], '\'); return false;" />and replace with something like:

Code: [Select]

<input type="submit" name="submit_shout" value="', $txt['sp_shoutbox_button'], '" class="sp_float_right button_submit" style="display:none" onclick="sp_submit_shout(', $shoutbox['id'], ', \'', $context['session_var'], '\', \'', $context['session_id'], '\'); return false;" />This should just make the button not display on the site.

Then open your Themes/default/css/portal.css and find:

Code: [Select]

input.shoutbox_input
{
width: 65%;
}and change the value to something like 95% so the text field fits better.  There may be a better way to do what you want as my coding is limited.

[Unruler]

Limited? Mine is non existing!

Thanks a lot, worked like a charm!

Also all that code modification gives me phpbb vibes xD

[TinMan]

Your welcome, glad it worked.

[AngelinaBelle]

Welcome to Simple Portal.
Glad that worked.  Hope you won't mind me marking the question solved.

[Unruler]

Welcome to Simple Portal.

Thanks!

Glad that worked.  Hope you won't mind me marking the question solved.

Yeah, that's cool.