I don't know if this is a feature request or a bug - perhaps it's a bit of both. When Superfish is enabled, the background behind the Superfish links is a solid color (in my case, black), while the rest of the menu bar is a black/gray stylized split. Without Superfish enabled, the menu bar has a consistent stylized background, even behind the links.

The solid background next to the stylized background looks unprofessional in my opinion. Can this be changed?

Comments

Jeff Burnz’s picture

Jeff Burnz commented 
style.css line 227

#superfish-inner .menu li {
  background: transparent;
}
danepowell’s picture

danepowell commented

Oh dear... I definitely did not mean to cause offense! I just thought this would bring the presentation more in line with the original Pixture theme, which would be a good thing. Of course since no one has brought this up before it looks like not everyone shares my opinion.

Anyway, it was a quick fix and worked great. I appreciate it!

khoya’s picture

khoya commented

I used this fix too. Great theme. Is there a way to change the stylized background colors and font color of the stylized superfish menu using the css? Am very new to this and afraid to change anything. Thanks much in advance.

Shelhezan’s picture

Shelhezan commented

Hello there,

I have the same problem with superfish and the postet solution doesn't work for me. Actually, I have no clue why. I checked the style.css and I found nothing what might have influence on background: transparent.

Has anyone an idea?

Thanks,

Shelhezan

petey318’s picture

petey318 commented

You need to go to the "superfish.css" which is sitting inside the "sf" directory under the theme. You will see the same selector, on line 27.
I think this is the one to change - worked for me.

Jeff Burnz’s picture

Jeff Burnz commented
Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

martin308’s picture

martin308 commented

Using this fix the sub menus now do not have a background so aren't visible! Anyone figured out a better/more comprehensive solution? Cheers :)

martin308’s picture

martin308 commented
Status: Closed (fixed) » Needs review
Jeff Burnz’s picture

Jeff Burnz commented
Status: Needs review » Active
Jeff Burnz’s picture

Jeff Burnz commented
Status: Active » Closed (fixed)

fixed in 6.x-3.1

aliceduck’s picture

aliceduck commented
Version: 6.x-3.0 » 7.x-1.2

How can this be done with the latest version of Pixture Reloaded and Superfish?

Jeff Burnz’s picture

Jeff Burnz commented

Its still easy to do with CSS, i.e. if you wanted to make the menu bar and drop list background black, and the hover color red:

/* For the actual menu bar */
#menu-bar {
  background: #000;
}

/* For the drop list items background */
ul.sf-menu.sf-style-none li li {
    background: #000;
}

/* The hover color CSS is bit more verbose... */
ul.sf-menu.sf-style-none li:hover, 
ul.sf-menu.sf-style-none li.sfHover, 
ul.sf-menu.sf-style-none li.active a, 
ul.sf-menu.sf-style-none a:focus, 
ul.sf-menu.sf-style-none a:hover, 
ul.sf-menu.sf-style-none a:active, 
ul.sf-menu.sf-navbar.sf-style-none li li {
  background: red;
}