How Do You Change Menu Bar Color

Kaliptus / 2009-06-26 13:07:31   

Hey Everyone!

Before I start asking stuff, I just wanted to thank you guys for making Indexhibit happen. This site builder website rocks!!!!! I would also like to let everyone know that I am a total Non-Programmer, and that even though I understand some of the HTML stuff I'm very new CSS

Question: How do I change my menu bar color?

I want it to be black.

Ive check the HTML/CSS Basic and was able to change background color but could not find the anything on Menu color.

I've also looked around through the other threads a bit and couldn't find it.

Please help me out whenever you get a chance.

Thanks
)))*(((

lemathieu A / 2009-06-26 13:34:50   

site?

lemathieu A / 2009-06-26 13:37:21   

#menu { background-color:what you want; }
in your css

Kaliptus / 2009-06-28 09:30:12   

Site is http://www.kaliptus.com/

Thanks for the info!

You guys are awesome!!!!

)))*(((

Kaliptus / 2009-06-28 09:34:44   

Hey

That didnt change the menu color. I typed #menu { background-color:black; } in the Exhibits: Settings Pre-Nav Text (HTML Allowed)

Was I supposed to do it somewhere else?

I'm such a newbie at this...

Thanks

Kaliptus / 2009-06-28 09:35:27   

Where is my css exactly?

Kaliptus / 2009-06-28 09:44:30   

ie.css? plugin.css? style.css? in the ftp:server?

Sorry, I'm a little confused

arsondpi / 2009-06-28 10:32:50   

check out the html/css basics thread. All the "magic" is there
:-)

Kaliptus / 2009-06-29 12:48:01   

Ok so I read the html/css basics thread. And I found the style.css file. I changed the file in text edit by adding...

#menu { background-color:000000; }

saved it and replaced it in ftp server overwriting previous style.css

It still did not work. Any suggestions?

Kaliptus / 2009-06-29 12:48:28   

Ok so I read the html/css basics thread. And I found the style.css file. I changed the file in text edit by adding...

#menu { background-color:000000; }

saved it and replaced it in ftp server overwriting previous style.css

It still did not work. Any suggestions?

Max1 / 2009-06-30 11:30:21   

I cant open your site to check. But did you test to insert #000000 instead of 000000
?

Kaliptus / 2009-06-30 20:04:42   

I tried that just now and it didn't work either.

http://kaliptus.com/

Thats my site. I even tried changing alot of the #fff to #000 all over the script and even that didnt do much.

Not sure what to do anymore...

Can I declare some kind of background image as a menu and make the image a black solid?

Any help would be greatly appreciated,.. I'll have a links page eventually and I'll be sure to give all of you credit on it, once the website is up and running properly.

Thanks

Vaska A / 2009-06-30 20:06:29   

What is the 'menu bar'? I'm not sure what this would be?

Do you mean the background color?

  1. #menu { background-color: #000; }

If it's not working...make sure you are editing the right style sheet. And hold down Shift and refresh the browser - it might be backed up in the browser cache.

Kaliptus / 2009-06-30 20:33:48   

hmmm,..

Okay I think its the menu but I'm not sure. It might just be be called a frame or something. Like I said, sorry guys Im not a programmer/web designer.

Please check my site http://kaliptus.com/

Its the white background on the left with all the links on it that I want to change to black or even make it look better.

If you guys could help me out that would be so awesome

Thanks!

cruz / 2009-06-30 20:51:29   

What Vaska said:

  1. #menu { background-color: #whatever-color-you-want; } 

;)

Kaliptus / 2009-06-30 20:59:05   

Guys, its really not working. I've tried it. I guess I'm just going to have to keep it white :(

Vaska A / 2009-06-30 21:24:18   

This is what it says in the stylesheet at /ndxz-studio/site/sample/style.css

this is the stylesheet for your site. note how it says the background color is #fff. that means white...

  1. #menu {
  2.     width: 215px;
  3.     overflow: auto;
  4.     top: 0;
  5.     bottom: 0;
  6. ¬†¬†¬†¬†left: 0;
  7.     position: fixed;
  8.     height: 100%;
  9. ¬†¬†¬†¬†background-color: #fff;
  10. }
Kaliptus / 2009-07-01 01:44:39   

Ohh ,...Haha... I was going into the Asset folder's style.css

Thank you so so so so much, and please excuse my ignroance.

Thanks a bunch!

I'll be sure to give you guys credit on my links/shout-outs page somewhere.

jeppejust / 2010-12-02 06:21:25   

I am having trouble with the changing of color. I did what Vaska wrote, but it seems
like my sample-theme is not working correctly. The sample/style is the problem, i don´t have any difficulties changing in index.
What might be the problem?

Best, Jeppe

G470 / 2010-12-02 06:28:22   

Hey jeppejust, please show us your site. Did you change your theme to sample in the admin area?

jeppejust / 2010-12-02 10:38:05   

Hey, It is jeppejustchristensen.dk

I changed it to sample in settings. When I work in eatock it works when I change something.

Jeppe

jeppejust / 2010-12-06 01:44:46   

Hi Again,

I found a solution, thanks.

Jeppe

cfrisch / 2010-12-17 21:43:43   

Hi,
My site is http://carolynfrisch.com/ i have followed these instructions about 25 times, over and over, and ive emptied my cache each time and refreshed the browser by pressing shift+refresh on the browser bar. Nothing is working. All of my type continues to be gray+underlines. I'm trying to create a hover color background of #00FFFF and a visited color of #cccccc. My site preference is set to Sample, and i am accessing the style.css in the sample folder through the Fetch and editing in Text Edit. Please help!!

cfrisch / 2010-12-18 13:41:38   

well i guess it fixed itself overnight. it's now working...

This thread has been closed, thank you.