[Help] How to change Shoutbox Border from Rounded to Square

[Manipura]

Title says it all, I would like to change the shoutbox category header from its default rounded edges to square.

 

I'd assume its in the css area, just i r blind and no see it

Edited May 11, 2014 by Manipura

[-Cookie-]

This is i think is in ipb_styles

find,

.maintitle {

Delete,

-moz-border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-radius: 10px 10px 0 0;

if you want it to make it look like category headers do the following,

go to ACP > Look & Feel > Your Skin > skin_shoutbox_hooks > hookGlobalShoutbox template and edit the following,

find,

	<h3 class='maintitle'>
		<a class='toggle right' href='#' title='{$this->lang->words['toggle_shoutbox']}'>{$this->lang->words['toggle_shoutbox']}</a>
		<a href="{parse url="app=shoutbox" seotitle="false" base="public"}" title='{$this->lang->words['view_main_shoutbox']}'>{$this->settings['shoutbox_title']}</a>
		<if test="showPopupLink:|:$this->settings['shoutbox_popup']"><a href="#" id="shoutbox-popup-button" title="{$this->lang->words['open_popup']}"><img src="{$this->settings['img_url']}/shoutbox/popup.png" alt="{$this->lang->words['open_popup']}" /></a></if>
	</h3>

Replace with,

<h3><div class='maintitle_3'><div class='cat_left'><div class='cat_right'><div class='main_text'>
		<a class='toggle right' href='#' title='{$this->lang->words['toggle_shoutbox']}'>{$this->lang->words['toggle_shoutbox']}</a>
		<a href="{parse url="app=shoutbox" seotitle="false" base="public"}" title='{$this->lang->words['view_main_shoutbox']}'>{$this->settings['shoutbox_title']}</a>
		<if test="showPopupLink:|:$this->settings['shoutbox_popup']"><a href="#" id="shoutbox-popup-button" title="{$this->lang->words['open_popup']}"><img src="{$this->settings['img_url']}/shoutbox/popup.png" alt="{$this->lang->words['open_popup']}" /></a></if>
	</div></div></div></div></h3>

Need any help with this let me know

[Manipura]

+1 & Marked it solved. Thankyou

[Verified]

The question(s) in this support topic have been answered and the owner has been able to solve the problem. Because of this, the support topic has been closed and moved.

If you have other questions, please open a new topic.