I'm using a custom orange color scheme that just doesn't go well with the black bar.

I saw the images for the black bar under the header, but I can't seem to figure out how to change the colors here. Is this because of the color picker, or am I just missing something obvious?

CommentFileSizeAuthor
#2 PrintScreen-1.jpg8.6 KBearchamb

Comments

pixture’s picture

Unfortunatelly, the color of the menu bar background image (black image) is not changeable.
You need to do either
(1) Change color/base.png and change the black menu bar area to your favorite color/style.
or
(2) Replace the bg-menu.png with your own version of bg-menu.png

With (1), you can make the color of the menu bar background to be recolorable, but this is not a easy change.
(2) is more easy change but you need to do some work too. Everytime you do "Save settings" at the theme configuration page, you need to copy your bg-menu.png to proper directory created by the color module.

See the following article for more detail about "proper directory" and customizing recolorable theme.

http://en.pixture.com/drupal/node/14

earchamb’s picture

StatusFileSize
new8.6 KB

I would like to remove the black bar under the header...

Is it possible?

I will be using the NICE MENUS module (for drop down secondary links...)

I tried to customize the menu bar with my own secondary links, but the black bar doesn't seems to be large enough (see print screen)

Do you know a way to fix that?

Thank you

pixture’s picture

As you see in the thread below, the theme is designed only with the Primary link menu in mind and did not designed for the secondary link.

http://drupal.org/node/250599

I will look into this when I have time...

CompShack’s picture

(2) Replace the bg-menu.png with your own version of bg-menu.png

I did just that and didn't work. I have changed it in both places (the generated files due to color change and in the main theme images folder) but still it is black. I even deleted every bg-menu.png image that exists and still getting the black color!

Where is this image referenced in the CSS. I searched all over in the styles.css file but couldn't find any style calling bg-menu.png!

Thanks for your help.

Jeff Burnz’s picture

Status: Active » Closed (fixed)
mechmg93’s picture

i am also interested in removing the bg-menu.png. i tried to change the image but nothing changed. any idea?

ailgm’s picture

I wanted to do this too. I (sort of) succeeded by changing bg-menu.png and bg-header.png, and copying them to the generated folder under sites/all/default/files/color/pixture-######## (where ######## is the random number created when you save a change to the theme). Changing the files in the original pixture theme didn't help, for some reason, so whenever I change the theme settings, I have to re-copy those files.

ewebnation’s picture

Status: Closed (fixed) » Active

RE: RadiologyNuclearMed.com

Similar problem.

Used ftp to download .png used as header. Made modifications and reuploaded. Shows as black bar in IE 6 and earlier, ok in 7 & 8 as well ok in google chrome, firefox, safari, opera and netscape.

can't figure out what's going on here.

thoughts?

thank you!

pixture’s picture

IE6 and earlier does not support transparent PNG file. If you want compatibility with IE6 and earlier, do not use PNG (especially transparent PNG).

gevens’s picture

I managed to turn it off: do the following in style.css

div#wrapper {
margin: 0 auto;
padding: 0px;
line-height: 1em;
background: #ffffff url("images/bg-header.png") no-repeat;

the no-repeat means the image is displayed once only and on our site that means the bg_header.png is hiding somewhere behind our logo i think

Gareth