Changing the Primary Menu BG color? Screenshot included.
I am attempting to use a custom logo that fills most of the space in the Header. My only issue is that the Primary Menu creates a white background that I cannot get rid of. I attempted to add:
"
background: #C7F4F1
"
To the:
"
primary-menu-wrapper {
margin: 0 auto;
position: relative;
width: 960px;
z-index: 5; /* fixes IE z-index bug */
}
"
in the style.css but it only shifted my menu items to the left slightly (which scared me and i immediately changed it back). In other posts here I read a similiar issue where the person edited some of the core css files, I hope that I do not need to do this.
My goal is to either bring the logo image down into the white space or fill it with the blue color. The arrow in the screen shot points to the guilty white space.
Please help!
| Attachment | Size |
|---|---|
| screenshot.jpg | 41.33 KB |
Hey there... again!
Hi Joe!
I'm all over the place, huh?
So ok... to change that area, you need to look under "TYPOGRAPHY". Under that, change the body background color to the color you need. This is the section below.
/**************/
/* TYPOGRAPHY */
/**************/
body {
background: #FFF; <---------change color here
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; /* web safe fonts /
font-size: 75%; / 12px /
font-weight: normal;
line-height: 160%; / 19.2px */
}
That should do it!
Chris
Thanks Chris!
Ok, I have yet to try this fix because I removed the primary navigation completely and went with a more graphic based on using the preface area. But I am wondering, if I change the "line-height: 160%" to something different, would that reduce the amount of white space I see? I will give this a try and see how it comes out, but any prior knowledge before I break my drupal :-P would be appreciated.
Hey Joe
Hey Joe!
Changing the line height will do what you are looking to do. But... it will alos affect other aspects of your site, such as sidebars, etc. You can open Firebug and play with the css, reduce the height down to a level that still keeps your sidebar text looking good, and may be able to decrease the white space enough.
But probably changing the color itself would be easier.