Hi,

I am having issues changing the background colour of the Superfish Menu. I am really new at Drupal and css, but I have followed the directions in the handbook with no avail.

I have gone into the danland.info file and uncommented stylesheets[all][] = local.css

I then went and made a copy of sample.local.css and renamed it to local.css and put it in the folder.

I then went in and added the following to the file.

/* $Id: local_sample.css,v 1.1 2010/04/08 17:16:16 danprobo Exp $ */

/****************************/
/* LOCAL CSS */
/****************************/

/* Put your custom css and css overrides in this file and */
/* rename it local.css. By restricting your css changes */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme. */

/* Steps to activate local.css: */
/* 1. Add your custom css to this file */
/* 2. Rename this file to local.css */
/* 3. Uncomment (remove leading semicolon from ) the */
/* following line in your theme's .info file: */
/* ;stylesheets[all][] = local.css */
/* 4. Clear cached data at admin/settings/performance */

#superfish .menu li li {
background: #3DB30E;
left: -1px;
}

#superfish .menu li li li {
background: #3DB30E;
top: 0px;
}

#superfish .menu li:hover,
#superfish .menu li.sfHover,
#superfish .menu a:focus,
#superfish .menu a:hover,
#superfish .menu a:active {
z-index:10;
}

#superfish .menu li:hover {
background:transparent url(images/menu-hover.gif) repeat-x;
}

#superfish .menu li.active-trail {
background:transparent url(images/menu-hover.gif) repeat-x;
}

#superfish .menu li.active-trail li {
background: #3DB30E;
}

#superfish .menu li li:hover {
background: #3DB30E;
}

#superfish .menu li li li:hover {
background: #3DB30E;
}

Then went and cleared the cache and nothing.
As I said I am totally new at this and I know it is an issue with what I am doing.

any help on this would be awesome thanks.

CommentFileSizeAuthor
#3 Blue Bar Behind.odt90.07 KBJohan Vermeij
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

danpros’s picture

Hi,

Some part of the superfish menus color is an images, so you need to change the images color too (just add the saturation etc.). I using below code only for the menus child.

background: #3DB30E;

If you also change the images color, you need to clearing your browser cache too so it will using the latest images.

Dan

esmm3’s picture

Status: Active » Closed (fixed)
Johan Vermeij’s picture

FileSize
90.07 KB

I have been trying to get a smooth superfish horizontal menu on top of my website
But there is always this dark blue bar sticking out to the left and the right behind the menu
I see other sites with a beautiful menu inside this blue bar and not on top of it
How do I do that ?
I attach a screenshot

Thanks

Johan

wreckage’s picture

Hello there.
Are you saying that the suggested changes in the Danland Handbook are only part of the process needed to change the menu colours?
The CSS section you mention in the handbook has changed and does not look like what you have written in January 2012. Will this be updated soon?
Can you please be specific with regard to which images require changing?
When you say "just add the saturation" do you mean by using an image editor?
This is very confusing for Drupal beginners. Specific and up-to-date instructions would be gratefully appreciated.
Thank-you.