[SOLVED] change icon on menu 1 when you use a category instead of an static page
I want to change icon of the menu 1.
When I use an static page I can change it. But if I use a category instead of an static page there is always the star. The code that I introduce is next: /* Part 1- for default state: */ #menu1 .cat-?cat=12 > a > i { background-position: 0px -1824px; } /* Part 2 - for hover state: */ #menu1 .cat-?cat=12:hover > a > i, #menu1 .cat-?cat=12.active > a > i { background-position: -24px -1824px; } |
change your permalinks to something other than the defaults
|
My permalinks are and was:
/%year%/%monthnum%/%day%/%postname%/ So my permalinks are not the defaults. If I use the default then the icons don't work The problem is not solved. The problem is only with the categories. So from next comments on menus-menis1.css (the lines with -cat-= doesn't work) I've checked and I think that the name of the categories are correct. /* Part 1- for default state: */ #menu1 .item-home > a > i { background-position: 0px -144px; } #menu1 .page-indice > a > i { background-position: 0px -336px; } #menu1 .cat-?cat=12 > a > i { background-position: 0px -1824px; } #menu1 .cat-?cat=3 > a > i { background-position: 0px -1824px; } #menu1 .page-contacto > a > i { background-position: 0px -816px; } #menu1 .page-el-autor > a > i { background-position: 0px -2352px; } /* Part 2 - for hover state: */ #menu1 .item-home:hover > a > i, #menu1 .item-home.active > a > i { background-position: -24px -144px; } #menu1 .page-indice:hover > a > i, #menu1 .page-indice.active > a > i { background-position: -24px -336px; } #menu1 .cat-?cat=12:hover > a > i, #menu1 .cat-?cat=12.active > a > i { background-position: -24px -1824px; } #menu1 .cat-?cat=3:hover > a > i, #menu1 .cat-?cat=3.active > a > i { background-position: -24px -1824px; } #menu1 .page-contacto:hover > a > i, #menu1 .page-contacto.active > a > i { background-position: -24px -816px; } #menu1 .page-el-autor:hover > a > i, #menu1 .page-el-autor.active > a > i { background-position: -24px -2352px; } |
there seems to be a bug in the code and I have forwarded it onto the developer. I suggest you go view the page and then look at teh source and see what the classes are and then putting them in the menus_menu1.css file (mto->CSS Files->menus_menu1.css)
|
What you proposed works. Now the problem is solved.
I just replaced ?cat=3 for the category name. thks for your proposal |
All times are GMT -6. The time now is 03:56 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.