Jump to content

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


Recommended Posts

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

post-723927-0-48395200-1383760774_thumb.png

Share this post


Link to post
Share on other sites

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

  • Like 1

Share this post


Link to post
Share on other sites

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! :D

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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! :D

  • Like 1

Share this post


Link to post
Share on other sites
  • 5 months later...

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.

  • Like 1

Share this post


Link to post
Share on other sites
  • 2 months later...

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

 

menu_presta.jpg

 

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

in addition, picture that you attached doesnt work

Share this post


Link to post
Share on other sites
  • 5 years later...

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 ? :D 

Share this post


Link to post
Share on other sites
  • 8 months later...
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

post-723927-0-48395200-1383760774_thumb.png

 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 by diondlemarcu (see edit history)

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More