By gapi78 on

hello all

i have a big problem, im creating my own Zen subtheme and have a problem with changing the menu.
I have a menu which is in #block-menu-menu-eng-menu and everything i do with css i cant get it to change background color, link color, ....

can anyone help.

thx

⋅ Categories: Drupal 6.x

Comments

gapi78’s picture

gapi78 commented

Sometimes it helps to chech css and media type.

Deepika.chavan’s picture

Deepika.chavan commented

Hi,
In my case I changed background color and link color by adding following css in my custom .css file(created file named myzen.css in /css folder and added stylesheets[all][] = css/myzen.css in myzen.info file. Cleared the cached data).

1. To change background color of menus of '#block-menu-menu-eng-menu' try following css, in that change the values of all properties according to your requirement. :

#block-menu-menu-eng-menu .content ul li {
  background:#9966CC;
  height: 30px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 6px 8px;
  width: 75px;
}

2. To change link color :

#block-menu-menu-eng-menu .content ul li a {
  color: #fff;
}

3. If you want to change the color of the links on mouse hover event then try this :

#block-menu-menu-eng-menu .content ul li a:hover {
  color: #00FFFF;
}

4.If you want to change the color of the links on active then try this:

#block-menu-menu-eng-menu .content ul li a.active {
  color: #8B0000;
}
michaelcchastain’s picture

michaelcchastain commented

Also take into account which element you are trying to give the background to.

The ul element has no height if I remember correctly within the zen theme because all the li elements have float:left. If you do something like this:

ul .menu {
  overflow: hidden;
}

that will force the ul to have height, and you would be able to see the background. Another option would be to give the last listitem a class of "clear-block", which too would fix the height issue.

however you should be able to give a background to #nav which should take without any trouble.

Michael