[solved] prestashop v 1.5.4.2 how to edit drop down navigation bar color?

[vbadboi]

Hey all,

just need some help on editing the color of the drop down default theme navigation bar to pink. what i mean is when the mouse is over the nav bar a drop down menu by default theme is grey, i want to change it to pink.... many thanks ....^^

[vekia]

it is possible to get url to your website?

if so, please paste it here - it will be really helpful in this case

 

regards

[vbadboi]

www.beautysuppliescanada.com

[vekia]

open the: /modules/blocktopmenu/css/superfish-modified.css file and change background param to pink (or other color you want in HEX format) in the:

 

.sf-menu {
margin: 10px 0;
padding: 0;
width: 980px;
background: pink;
}

 

+

 

.sf-menu li li {
background: pink;
}

 

+

 

.sf-menu li li li {
background: pink;
}

[vbadboi]

wow great thanks it worked! but now which code do i change to get the drop down menu letters to turn into black instead of white many thankssss

[vekia]

hello

 

i checked your website - the background color is still dark:

 

 

you added all modifications that i pasted above?

[vbadboi]

i only added this 2 coding because i liked the grey menu bar, just wanted the dropdown bar change. =)

.sf-menu li li {

background: pink;

}

 

 

.sf-menu li li li {

background: pink;

}

[vekia]

to change font color:

 

you have to change the color: #fff; value

+ change value of the text-shadow: 0 1px 0 #333;

.sf-menu a {
display: block;
position: relative;
color: #fff;
text-shadow: 0 1px 0 #333;
}

 

in the superfish modified css file.

 

 

I think that also additional modification will be necessary (because all menu links will change color)

[vbadboi]

ah ok I did try and it looked horrible lolz =) , thanks alot for your help! everything worked but the coloring didn't look nice together.... mark this threat as solved =) thanks again!

[vekia]

you're welcome

 

if you need any other help related to this case - feel free to continue discussion here

 

regards