Eve For Enterprise    Eve Support Community    Forums  Hop To Forum Categories  Eve Community  Hop To Forums  Customization Ideas    Fixing the top bar with Groupee
Go
New
Find
Notify
Tools
Reply
  
-star Rating Rate It!  Login/Join 
Groupee Member
Picture of MinutiaeMan
Posted
Since Groupee was officially released, I've been seeing a rather ugly discontinuity on the top bar (where it says "Welcome USER") -- the colored part of the bar to the left of the Groupee logo isn't as tall as the Groupee logo itself, and so the edge looks rough and fairly silly. This happens any time that there's a small font used in the forum (including this one!).

After doing some digging through the HTML source code, I've finally figured out what's needed to make that problem go away! Fortunately, the solution is simple -- all you need is a single CSS class inserted into your header to make the whole problem disappear.

<style type="text/css">
#gs_menu_y_baseline table.ev_container_table_top {
	height: 25px;
}
</style>

And that's it! I've already implemented this on my own forum (the Subspace Comms Network), and it looks just fine now!


--------------------
"Being a Mac user is like being a Navy Seal: a small, elite group of people with access to the most sophisticated technology in the world, whom everyone calls on to get the really tough jobs done quickly and efficiently." - R. Welch, CEO, General Motors
Subspace Comms Network | The Knothole
 
Posts: 255 | Location: Bear, DE USA | Registered: May 03, 2002Reply With QuoteEdit or Delete MessageReport This Post
Groupee Member
Picture of Valeryvie
Posted Hide Post
I noticed this too - thought my eyes were going - lol!

Does it go in the:
Eve Control Panel » Display Settings » Style Editor?


Valery
VenusDivas.com: plus size life
DivaBoutique.com: plus size clothing
VenusDivaDating.com: curvy love and romance
 
Posts: 87 | Location: Vancouver, WA | Registered: June 28, 2004Reply With QuoteEdit or Delete MessageReport This Post
Groupee Member
Picture of MinutiaeMan
Posted Hide Post
Yeah, you put it in the HTML HEAD section. Smile


--------------------
"Being a Mac user is like being a Navy Seal: a small, elite group of people with access to the most sophisticated technology in the world, whom everyone calls on to get the really tough jobs done quickly and efficiently." - R. Welch, CEO, General Motors
Subspace Comms Network | The Knothole
 
Posts: 255 | Location: Bear, DE USA | Registered: May 03, 2002Reply With QuoteEdit or Delete MessageReport This Post
Groupee Member
Picture of MinutiaeMan
Posted Hide Post
Update: I've figured out how to do a better version of the style code, so that the modification will be applied to the community front page as well as the internal pages.

<style type="text/css">
table.ev_container_table_top {
	height: 25px;
}
table.ev_container_table_top td {
	vertical-align: middle;
}
</style>

What this does is applies the 25-pixel height to all of the top bars site-wide, and then aligns the text inside those bars so that they appear in the middle rather than at the top of the extended-height bars. The older version didn't work on the community front page because that page does not have the Groupee logo inside the same ID tag (or any ID tag, for that matter) like the internal pages. So a more general style was required.

Hope this helps you out! Smile


--------------------
"Being a Mac user is like being a Navy Seal: a small, elite group of people with access to the most sophisticated technology in the world, whom everyone calls on to get the really tough jobs done quickly and efficiently." - R. Welch, CEO, General Motors
Subspace Comms Network | The Knothole
 
Posts: 255 | Location: Bear, DE USA | Registered: May 03, 2002Reply With QuoteEdit or Delete MessageReport This Post
 Previous Topic | Next Topic powered by eve community  
 

Eve For Enterprise    Eve Support Community    Forums  Hop To Forum Categories  Eve Community  Hop To Forums  Customization Ideas    Fixing the top bar with Groupee