Jump to content

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


Recommended Posts

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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;

}

Link to comment
Share on other sites

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 by miami123 (see edit history)
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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 by halennoor (see edit history)
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...