Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Header Box
Kadjic (New Admin) 10/9/2010 5:41 PM EST : Header Box

Kadjic
Posts: 1

How do I get rid of the header box for just one widget?
TopBottom

Mottie (MVP) 10/9/2010 7:37 PM EST : RE: Header Box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Kadjic!

If you want to modify the header then add this bit of javascript to the widget box (assuming it is a free form text/HTML type widget).
<div class='hideHeader"></div>
<script type="text/javascript">
$(document).ready(function(){
 $('.hideHeader').closest('.gpWidget').find('.ContentBoxTitle').addClass('hideHeader');
})
</script>
Then add this CSS (to the CSS Additions to Standard tab) to completely hide the widget header:
.ContentBoxTitle.hideHeader { display: none; }
or to just hide the background:
.ContentBoxTitle.hideHeader { background-image: url(); }
TopBottom

Skeemz (New Admin) 10/9/2010 9:34 PM EST : RE: Header Box
Skeemz
Posts: 17
Becoming Adept!

Same problem. That doesn't seem to work. Do I have a setting that conflicts? Or maybe because of custom headers? Here's my site.
TopBottom

Mottie (MVP) 10/10/2010 8:54 AM EST : RE: Header Box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Ahhh ok, it's because of custom headers... so what exactly are you trying to do? hide completely or just remove the background? And which widget?... if I know that I can target any widget, not just the free form text/HTML type.
TopBottom

Skeemz (New Admin) 10/10/2010 5:21 PM EST : RE: Header Box
Skeemz
Posts: 17
Becoming Adept!

Its the free form html widget top center. I just want the content box without a header at all. Its so easy to hide the entire columns headers, but hiding just one widgets header...ugh.
TopBottom

Mottie (MVP) 10/10/2010 7:22 PM EST : RE: Header Box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Skeemz!

Ok, this bit of code can be added anywhere on the page. But if you add it to the Header or Footer HTML it will effect every page on your site.
<script type="text/javascript">
$('.CenterContentZone .gpWidget:first .ContentBoxTitleNoBackground').closest('tr').hide();
</script>
Add it to the editor while it is in HTML mode (unless it's the header or footer HTML).

What the code does is looks for the center zone, then the first widget, then the title inside the widget, then back to the row the title is in, then it hides it.
TopBottom

Skeemz (New Admin) 10/10/2010 7:56 PM EST : RE: Header Box
Skeemz
Posts: 17
Becoming Adept!

It worked! Thank you so much!
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%