Posted by ithacaindy on April 24, 2011 at 4:54am
What file do I edit to change the height of the menubar?
How to Change Height of Menubar?
Group organizers
Group categories
Subsystem
- Design/Theme (238)
- Functionality (299)
- Information Architecture (32)
- Install Profile (75)
- Modules (62)
Hot content this week
-
5 days 13 hours ago
Comments
Openpublish_menu.css. Put a
Openpublish_menu.css. Put a copy in your subtheme css folder and have at it!
What should I add to my
What should I add to my subtheme's .info file? (If anything.) I currently have stylesheets[all][] = css/openpublish_menu.css
What Line should I change?
I've tried without luck using Firebug to find the correct line in the openpublish_menu.css to control the height of the main menu navbar. Can someone direct my to that line? (I've tried #nav.) Thanks.
Check out the padding values
This is where I changed the height of the primary menu bar. Maybe there's another way to do it, but it worked ok for me.
#nav ul.primary-links li a:link, #nav ul.primary-links li a:visited {color: #FFFFFF;
display: block;
font-family: Georgia,Times,serif;
font-weight: normal;
letter-spacing: 0.1em;
padding: 4px 10px;
text-decoration: none;
text-transform: uppercase;
}
Thanks, But No Change...
I added the block of css code and cleared the cache, but there was no change. In case anyone wants to take a look, my dev site is here.
Check here
Look in your components.css for:
#nav ul.primary-links li a:link, #nav ul.primary-links li a:visited {color: #000000;
display: block;
font-family: Arial,helvetica,sans-serif;
font-weight: normal;
padding: 13px 17px;
text-decoration: none;
text-transform: uppercase;
}
Change the first padding value to 4px and see what happens. I did this in firebug for your site and it dropped the primary menu height no problem.
This is frustrating. I did as
This is frustrating. I did as you, changed the padding value in Firebug and saw the height instantly drop. I go into my text editor, make the changes, save, clear the cache and no change. Frustrating.
Not saved?
The CSS I posted was from your site. Maybe you didn't save the changes to your revised .css file? I do that all the time!
It was saved. But there is
It was saved. But there is more bizareness. The chunk of CSS appears differently in my editor (BBEdit) than in Firefox's Firebug. Here is the chunk of code from the components.css file:
nav ul.primary-links li a:link, #nav ul.primary-links li a:visited {
padding: 4px 4px;
color: #000;
text-decoration: none;
font-family: Arial, helvetica, sans-serif;
font-weight: normal;
text-transform: uppercase;
display: block;
}
From Firebug:
nav ul.primary-links li a:link, #nav ul.primary-links li a:visited {
}
I checked the filename in Firebug and it points to the openpublish theme, not my subtheme. I added the line from the openpublish_theme.info:
; CSS file to style re-usable components that can appear under multiple mockups/contexts.
stylesheets[all][] = css/components.css
Firebug still points to the parent theme's components.css. How do I get Drupal to see my components.css and not the default?
I sort of solved the problem,
I sort of solved the problem, but hacking the one line of css in the components.css file of the openpublish_theme parent. I know this is an ugly fix, but it allows me to move onto other issues.
Clear cache too
Worked for me, these are steps I followed:
1) copy components.css to my sites themes/css folder (I'm not happy about this - surely it should go to my site's modules/… folder)
2) added a new line "stylesheets[all][] = css/components.css" to my .info file
3) made the change Dave R suggested
4) saved the file
5) cleared my sites cache
hth,
cj