[SOLVED] Change top menu color when hovering with the mouse

[IoanaBob]

I wanted to change orange with brown, so i went to the css files, looked for the color code (e55e2d) and replaced with another code. It worked for everything excepting the top menu and that slider number (i circled them in the picture below).

I've been using Prestashop for 3 days so i really don't know where to search. Can you help me?

 

Thanks in advance,

Ioana

[vekia]

as i can see on your picture you use some kind of customization, can you please share url to your website if it is possible?

[IoanaBob]

It's on localhost. But here is the link to the demo i got(if it helps): http://shoes.prestacoder.com/

[vekia]

you can change background in this code:

ul.mega-menu li.mega-hover a, ul.mega-menu li a:hover {
background: #e55e2d;
color: #fafafa;
text-shadow: none;
}

it's a part of: /modules/blocktopdcmegamenu/css/dcmegamenu.css file

[IoanaBob]

you can change background in this code:

ul.mega-menu li.mega-hover a, ul.mega-menu li a:hover {
background: #e55e2d;
color: #fafafa;
text-shadow: none;
}

it's a part of: /modules/blocktopdcmegamenu/css/dcmegamenu.css file

 Thanks a lot!

[vekia]

you're welcome

i marked this thread as [solved]

if you will need any additional assistance - just let me know = continue discussion below

 

with regards,

Milos

[IoanaBob]

you're welcome

i marked this thread as [solved]

if you will need any additional assistance - just let me know = continue discussion below

 

with regards,

Milos

Sorry for late reply, but do you also know where to find that number color (of the slide) and the little arrows of the sub-categories?

[vekia]

ohh sorry i forgot about that!

.bx-pager a {
display: inline-block;
zoom: 1;
margin-right: 5px;
padding: 4px 0 0 1px;
height: 22px;
width: 21px;
font-weight: normal;
font-size: 14px;
color: #fff;
text-decoration: none;
background: url(gray_pager.png) no-repeat 0 -28px;
}

+ active dot:

.bx-pager .pager-active, .bx-pager a:hover {
color: #fe8b75;
font-size: 14px;
text-decoration: none;
font-weight: normal;
background-position: 0 0;
}

it's a part of themes/prestacoder_shoes/css/modules/homeslider_prest/bx_styles.css file

 

 

and regarding to the arrows in categories:

arrow is an image defined here in background param:

ul.mega-menu li .sub-container.non-mega li a:hover {
color: #5c5c5c;
font-weight: bold;
background: #ffffff url(images/arrow_on.png) no-repeat 7px 10px;
}

it's a part of /modules/blocktopdcmegamenu/css/dcmegamenu.css file

[IoanaBob]

ohh sorry i forgot about that!

.bx-pager a {
display: inline-block;
zoom: 1;
margin-right: 5px;
padding: 4px 0 0 1px;
height: 22px;
width: 21px;
font-weight: normal;
font-size: 14px;
color: #fff;
text-decoration: none;
background: url(gray_pager.png) no-repeat 0 -28px;
}

+ active dot:

.bx-pager .pager-active, .bx-pager a:hover {
color: #fe8b75;
font-size: 14px;
text-decoration: none;
font-weight: normal;
background-position: 0 0;
}

it's a part of themes/prestacoder_shoes/css/modules/homeslider_prest/bx_styles.css file

 

 

and regarding to the arrows in categories:

arrow is an image defined here in background param:

ul.mega-menu li .sub-container.non-mega li a:hover {
color: #5c5c5c;
font-weight: bold;
background: #ffffff url(images/arrow_on.png) no-repeat 7px 10px;
}

it's a part of /modules/blocktopdcmegamenu/css/dcmegamenu.css file

Thank you, you are awesome!

[vekia]

you're welcome

glad to hear that i could help you

[catman]

please, could you help me too? I need change the background color of top horizontal menu in default theme in Prestashop 1.6. I tryied to everything in superfish-modified.css, but nothing changed. Could you help me? I have no possibility to publish page yet, it´s only on my localhost.

[anuragvikram]

I want to change top horizontal menu color combination, font style and size in prestashop1.6 default theme, Can anybody help me pleaseout...

 

[vekia]

I want to change top horizontal menu color combination, font style and size in prestashop1.6 default theme, Can anybody help me pleaseout...

 

 

color combination? what you mean? only background? perhaps something more?

in addition, picture that you attached doesnt work

[anuragvikram]

change menu tab size, menu font , menu background color, menu block design  etc... menu block 

[Glaswerk-Tanhas]

Hello Guys i saw this old post and therefor i had a question about TM Mega Menu .

I want to have on the left side of each sub category a dot like a listing dot like this : • and this in a color like #181818

 

Does somebody has a clue ?  

[diondlemarcu]

On 11/6/2013 at 7:03 PM, IoanaBob said:

I wanted to change orange with brown, so i went to the css files, looked for the color code (e55e2d) and replaced with another code. It worked for everything excepting the top menu and that slider number (i circled them in the picture below).

I've been using Nox Vidmate VLC Prestashop for 3 days so i really don't know where to search. Can you help me?

 

Thanks in advance,

Ioana

 I tryied to everything in superfish-modified.css, but nothing changed. Could you help me? I have no possibility to publish page yet, it´s only on my localhost.

Edited April 6, 2020 by diondlemarcu (see edit history)