Please help, trying to change the background color of my menu

[miami123]

Dear All,

 

I spend all day long to try to find a way to change the menu background.

 

It used to be black on grey, and after installing some theme to try, the color doesn't change to the original color. what i should do?

 

Im not so strong in that field.Please try to help the best you can, My website is ibcmiami.com

 

this is how it was before:

http://screencast.com/t/qDSznSOESo1

 

and now

http://screencast.com/t/XxuKyYEun

 

I don't want this brown color at all on the top, also there is a search box on the right side (brown) and i cannot delete it.

 

Let me know and thanks for your help

 

Alex

[Pshopic]

I think your site is not working at the moment.

[jhnstcks]

If you go to /modules/jbx_menu/css/superfish-modified.css on your server, edit this file, and at line 87 there should be a background code, delete that line.

 

The search block is controlled by going into back-office>modules>jbxmenu>click configure and unselect the search box option.

 

Don't forget to force compile and turn off cache when making changes to tpl files

[miami123]

thanks for your help.

 

I tried but it didn't work, I deleted the background line not on line 87 but 88. ( i tried both way)

 

I record what i did on this link: http://screencast.com/t/jmsYylVDv6

 

I could remove the search box, but i didn't want to remove it really, i just don't want this brown color but just the Silver instead.

 

Please let me know what I'm doing wrong.

 

thanks a lot for your help

[jhnstcks]

Did you turn on force compile and turn off cache in back-office>preferences>performance

[miami123]

yes i did

 

http://screencast.com/t/tdgsZN2Q5Zo

 

not working :-(

[miami123]

anything to do with this warning on top? http://screencast.com/t/X6Fo0fUYm

[miami123]

any updates guys ?

[halennoor]

to get your menu back to grey color ( or any other color you want) try this in your superfish-modified.css - add background-color: grey;

 

these lines are the first few lines in the css file.

try to insert it as shown below and save your superfish-modified.css file:

 

.sf-contener {

clear: both;

float: right;

padding-top: 2px;

background-color: grey;

width: 690px;

}

[miami123]

thanks, it did change it to grey but on the submenu as here: http://screencast.com/t/wnwKY9Sq

it still the frame in brown lol,

 

Also can i make this menu in grey less large.... its too thick i guess.

 

and if i add again the search bar like here: http://screencast.com/t/ydP8pmgAJ4r

 

it more thick...and the search bar still in brown

 

Thanks a lot for your precious help

 

Alex

Edited June 7, 2012 by miami123 (see edit history)

[halennoor]

You have this file in your jbx module - /gfx/menu/vs-sub.gif.

the code is in line 140 of your modified superfish.css.

 

It looks like the brown color you have on the borders.

replace that gif file with another color - silver perhaps. See if that works.

if it doesn't perhaps you have to delete that and replace them with hex code for silver instead.

[miami123]

Yes, it works, your are a genius

 

But lol :-) if i had the search box on jbx menu : http://screencast.com/t/ydP8pmgAJ4r

 

its brown still.

 

Do u know where i can do the same for this search box?

 

And how to make this menu thinner.

 

thanks again

[miami123]

I found a way to change the color of the search bar inside the menu (vs-searchbox)

 

but i don't know why i cannot move it somewhere else., cause my menu is big and doesn't look good: http://screencast.com/t/ornBxJQD

 

let me know if any idea how to fix this

 

thanks

[miami123]

Im progressing, now its ok the search box, but the text color over the search box is almost the same color,

http://screencast.com/t/vVbOrJd7VsKM

 

so where can i change it to black there?

[halennoor]

on the menu height, try this on your superfish-modifed.css

 

insert the property height:35px;

 

.sf-menu {

float: left;

height:35px;

width: 940px;

line-height: 1.8;

}

 

see if it works.

 

make sure you test your site on the popularly used browsers so other see the same thing as what your seeing on yours.

Edited June 8, 2012 by halennoor (see edit history)

[miami123]

Hello, i didn't try this yet, cause now its fine for the color inside the search box, i just replace the gif with a black color

 

Now it looks like this: http://screencast.com/t/s4cf4VtgsU

 

the menu seems to thick to me...

 

What do you think?

 

thanks

[halennoor]

Hello, i didn't try this yet, cause now its fine for the color inside the search box, i just replace the gif with a black color

 

Now it looks like this: http://screencast.com/t/s4cf4VtgsU

 

the menu seems to thick to me...

 

What do you think?

 

thanks

 

the comment i made above was for the menu height if you still wanna give it a shot to make narrower than it is right now. of course u can adjust the recommended size accordingly.

[miami123]

ah ok, i didn't know, but do i put

 

.sf-menu {

float: left;

height:35px;

width: 940px;

line-height: 1.8;

}

 

on top of the page?

[halennoor]

ah ok, i didn't know, but do i put

 

.sf-menu {

float: left;

height:35px;

width: 940px;

line-height: 1.8;

}

 

on top of the page?

 

in your superfish-modifed.css - locate the .sf-menu and insert the property there.

[miami123]

do i replace this

 

 

.sf-menu {

float: left;

width: 940px;

line-height: 1.8;

}

 

by

.sf-menu {

float: left;

height:35px;

width: 940px;

line-height: 1.8;

}

???

[miami123]

understood now, done, working, thanks again