Jump to content

[SOLVED] Change Subcategories Color on MainMenu (Classic Theme)


Recommended Posts

 

Hi guys, i need help please.. 

How can i change the color of  subcategories in the menu ?? 

I've set #header a {

color: #e0c067;

}
 
But this change all header color.. Helpe me please..
Img in attachment.

 

 

 

If defoult theme - Classic

 

For the first level of the style menu

#top-menu .dropdown-item{
	color: #000;
}

For the second-level style menu

#top-menu .dropdown-item > .dropdown-item{
	color: #777;
}

For the third-level menu style

#top-menu .dropdown-item > .dropdown-item > .dropdown-item{
	color: #999;
}
Link to comment
Share on other sites

My PS version 1.7.2.. Sorry but i'm working in local.

 

 

If defoult theme - Classic

 

For the first level of the style menu

#top-menu .dropdown-item{
	color: #000;
}

For the second-level style menu

#top-menu .dropdown-item > .dropdown-item{
	color: #777;
}

For the third-level menu style

#top-menu .dropdown-item > .dropdown-item > .dropdown-item{
	color: #999;
}

Thank you! There's a problem , if i set it in custom.css with this values, the second e third menu level txt color become all black.

Works only the first menu level .. Why?  Thanks again BonPresta!

 

Link to comment
Share on other sites

An URL of your shop would be of more help than the screenshot. And maybe an information of the prestashop version used. I any case I can say that your code cannot work.

 

My PS version 1.7.2.. Sorry but i'm working in local.

This is exactely why I asked for the prestashp version in my very first reply. I highly appreciate the effort from BonPresta. But why is it impossible to give the most important information only after solutions are provided for another version and not repying to questions ?

Link to comment
Share on other sites

Yeah right...sorry guys..

- I've found a solution..

#header .header-top a[data-depth=0] {
    color: #000!important;
}
#header .header-top a[data-depth=1] {
    color: #f52929!important;
}
#header .header-top a[data-depth=2] {
    color: #e0c067;
}
 
 
Edit only data depth value.. 0 for the first category (menu) , 1 for the second level category etc..
Thanks to all for fast answer and sorry for my bad english.
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...