Change Default Top Menu Color

[Marguerite Gift]

I need to change the gray color of the Top Menu in default theme. I looked through the global.css and couldn't figure out which part to change. This is my site URL : www.margueritegift.com . I was able to change few colors I wanted but not the Top Menu. I would appreciate any help in advance!

[tdr170]

You need to edit ..modules/blocktopmenu/css/superfish-modified.css.

[theme_designer]

Your top menu color is an image /img/bg_blocktopmenu.png. Just change that image color.

[tdr170]

True you can change the background to a color rather then the image file by changing this:

 

change this:

 

.sf-menu {

 

background: transparent url(../img/bg_blocktopmenu.png) repeat-x 0 0;

 

}

 

To this:

.sf-menu {

 

background: #6b7375;

 

}

 

There is also other codes to change for the hover colors once you get this you should be able to figure out the others.

 

The above # is grey but you can use the color of your choice, you can use a HTML # or a true color such as red, blue, green and so on.

If you do a google search for HTML color codes you will find many sites listing them.

here is one http://html-color-codes.info/

Edited December 27, 2012 by tdr170 (see edit history)

[Marguerite Gift]

I appreciate your help.

I was able to change colors as I wish. But I got two problems:

First: I'm not able to change the color of the drop-down box on the top menu as you may see on the attached picture.

 

Secondly, on the footer part, I changed the color but as you could see on the attached picture, the color of "My Account" part is still black. I was wondering how to change the color entirely.

 

Thanks your reply in advance.

[tdr170]

You have to change the following: (top menu)

 

 

 

.sf-menu li li {

background: rgba(113, 113, 113, 0.9);

}

.sf-menu li li li {

background: rgba(113, 113, 113, 0.9);

 

Like this (your colors)

 

.sf-menu li li {

background: green;

}

.sf-menu li li li {

background: yellow;

 

For footer go to ..modules/blockmyaccountfooter and edit blockmyaccountfooter.css and change the following:

 

change this

#footer .myaccount h4 {

padding:0 0 10px 0;

background:#333

 

to this

#footer .myaccount h4 {

padding:0 0 10px 0;

Edited December 27, 2012 by tdr170 (see edit history)

[Marguerite Gift]

Thanks, it did the job!

Further more, I need to change the gray color of the footer top as well ( on the attached picture) . There is no Module for footer. How can I access this part?

 

Appreciate

[tdr170]

Yes there is its called blockreinsurance. look for style.css

[matt224]

Does anyone have any suggestions when using the multi store feature?

 

I have two clients that are using the prestashop default theme and I need to change the colour of the top menu. which I cant currently do as the CCS is located within the module directory. I can't edit the css or change the path as it will do this for both sites...

They really should have pointed the modules CSS to Themes > Modules > blocktopmenu > CSS but for some reason they haven't.

 

Any suggestions would be great.

 

Version1.5.2

 

Regards

Matt

[matt224]

Sorry I've managed to sort this out now! Didn't realise you could just create a folder within the following location and it'll just work!

 

/themes/TheBestTheme/css/modules/blocktopmenu/css/superfish-modified.css