Posted by mastermindg on August 10, 2012 at 1:14am
I set the default "User Login" block to User Bar Second. Currently it is displayed vertically. The div code for the block is as follows:
<div id="block-system-user-menu" class="block block-system contextual-links-region block-menu block-user-menu block-system-user-menu odd block-without-title">
I'd like to get this menu to display horizontally. Is it possible to do this by adding a class to the region?
Comments
One suggestion
Here is one suggestion I wrote about:
http://www.mydrupaljourney.com/articles/2011/06/16/context-and-omega-use...
James Sinkiewicz
Drupal Site Builder and Generalist
http://MyDrupalJourney.com
Got It
I wanted to create a re-usable class for menus rather than for each individual menu. I created a class in global.css called "cool-menu" and then added this class to the region. Here's the CSS code for the horiztonal menu:
.cool-menu {
margin: 0;
padding: 0;
float: left
}
.cool-menu ul li{
display: inline;
}
.cool-menu ul li a{
float: left; text-decoration: none;
color: white;
padding: 10.5px 11px;
background-color: #333; }
.cool-menu ul li a:visited{
color: white;}
.cool-menu ul li a:hover, .cool-menu ul li .current{
color: #fff;
background-color:#0b75b2;}