Superfish Menu background color..

By malarie on 9 Mar 2011 at 18:44 UTC

Goodday, I have configured drupal, I have creatd a menu that I like using the superfish Module, but my problem is that I really dont like the Color of the CSS menu when i select an entry.. Any tip to change the colors would be great. You can test here: itquebec.com/drupal

Comments

Hi You wanna go here:

v8powerage commented 9 March 2011 at 19:02

Hi
You wanna go here: http://itquebec.com/drupal/sites/default/files/color/pixture_reloaded-f0... search for "superfish" and play with colors.

Link is dead

jeromewiley commented 7 January 2016 at 19:06

Seems this link from five years ago (2011) is dead.

Replace the "background" with

frankstar commented 9 March 2011 at 19:06

Replace the "background" with a custom image or remove/replace the property with "background-color:#yourcolor"

#superfish-inner .menu li:hover, #superfish-inner .menu li.sfHover, #superfish-inner .menu a:focus, #superfish-inner .menu a:hover, #superfish-inner .menu a:active {
background: url("sf-hover-tile.png") repeat-y scroll left top transparent; <-----------------------
outline: 0 none;
}

Still trying to figure out how to change the color of the menu

AmyMarie commented 25 July 2011 at 13:28

I have tried everything here on how to change the color of the menu boxes and it does not work.
I am running Drupal 7 with Superfish installed. The boxes show up nicely but I do not know where to change the color of the boxes. Any help would be appreciated. THANK YOU.

FOUND IT SORRY!

I was actually able to change

iwant2fly commented 22 August 2011 at 14:52

I was actually able to change the colors by editing the CSS found here: /sites/all/libraries/superfish/style/default.css
Using something like the "Web Developer Toolbar" for Firefox will let you click on any element in your site and see which CSS files are used on that element. Of course make sure to turn off any drupal optimization of css before doing this.

This can't be the "right" solution

drbeaker commented 16 February 2012 at 22:47

I used the same solution, and it works, unless you want to user Superfish over multiple sites in different colours. it also gets reset if you update Superfish.

I find it hard to understand how something as basic as the colours used isn't customisable on (at least) a per-site basis.

There has to be a better way. Any ideas, folks?

How to remove background on only the top menu items

Drupalicious-1 commented 19 July 2012 at 17:06

Hi,

I want to acheive either of the below:

1. increase the height of the top menu entrys e,g home, contact us ETC to fit the header-menu (45px) and leave the sub menu entries the same size.
2. remove the backround of top menu items when hovered over.

I'm using an adapted version of corporate clean as they didn't provide a header-menu region to put my superfish block in!

I'm new to drupal and hope my question isnt too noobish and is clear to understand what im asking.

Site:

http://www.themacupshop.co.uk

Ran across Adding jQuery UI

philsward commented 7 January 2013 at 10:42

Ran across Adding jQuery UI Theme to Superfish Menu and Superfish Menu RTL which is pretty cool info...

Theme Roller might also provide extremely useful for someone too.

That's it: /sites/default/files/color/[your theme]

silvesterd commented 1 March 2013 at 15:22

Thank you, that was perfect. Searching for the bad color, that was shown by web-developer add-on (same on Firefox and Chrome, Tab Information, View color information), i found the relevant sf-entries in /sites/default/files/color/[your theme] and changed them.

Superfish Configuration Styles Menu

pitbull mix commented 4 March 2013 at 04:51

This is a module which means it's code. The default installation of superfish has several styles to choose from drop down menu in Structure.Blocks.Configuration of the superfish menu. The drop down has names like "white", "space [orange] etc. All I wanted to do is change the colors of one of these styles. To do this I decided to have a look at the sites/all/modules/superfish/superfish.module itself. In the module it clearly shows the various styles and lists them as an array, one after another. I added one line to the module with the custom name from one of the basic css files from the installation. I found the css files at sites/all/libraries/superfish/styles. Just copy one of these files to a name you can remember and put it into the array mentioned above. I'm not an expert with PHP, but wanted to keep things straight forward inline with the install. I plan to use my new css file to make the colors the way that I want them or to do other modifications. If you do this though and update superfish, you will lose the custom css file. Even if you do update and you have a backup you can quickly make the changes after an update.