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! > Changing existing tab link sizes
Trantice (New Admin) 7/29/2009 3:59 PM EST : Changing existing tab link sizes
Trantice
Posts: 15
Becoming Adept!

I've been looking around for this, but I can't seem to find an easy way to re-size the Horizontal tabs for our links on our guild portal site, the one's for Home, Roster, Calendar etc...

I am getting annoying because some are wider than others and I just want some symetry :-)

I apologize if this has been beaten to death, but short of hiding these tabs and adding my own custom pics for Home/Roster etc, I can't find the setting on how to resize them, or make sure they are the same size.  I made an About page and this link tab is REALLY wide!

Our Guild Website

Thanks in advance for any help!!!
TopBottom

Mottie (MVP) 7/29/2009 4:24 PM EST : RE: Changing existing tab link sizes
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Trantice!

Add this bit of CSS into your Banner or Footer HTML if you aren't using custom CSS.
<style type="text/css">
.Tab { width: 150px; }
.TabBar { margin: 0 auto; width:100%; }
</style>
If you don't want the buttons to go all the way across, change the 100% width as desired. The width of 150px can pretty much be set to any width, it's just there to force all the tabs to be the same size.

If you are using Custom CSS on your site, then you can add the two lines in the middle to your code (leave out the <style> tags)
TopBottom

Trantice (New Admin) 7/29/2009 4:53 PM EST : RE: Changing existing tab link sizes
Trantice
Posts: 15
Becoming Adept!

Thank you so much!!!!  What an annoying thing...problem solved!!
TopBottom

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