I would kindly ask for some help on the matter of changing the icons that are assigned to specific pages in the Menu 1. I have looked thru the 2 posts related to a similar problem, but, unfortunately, it does not help with my case. As I try to assign different icons for my three pages, nothing happens. This is the code that I have used to update the menus_menu1.css file:
#menu1 .item-?p=122 > a > i { background-position: 0px -1920px; }
#menu1 .page-?page_id=2 > a > i { background-position: 0px -816px; }
#menu1 .page-?page_id=76 > a > i { background-position: 0px -96px; }
/* Part 2 - for hover state: */
#menu1 .item-?p=122:hover > a > i, #menu1 .item-?p=122.active > a > i { background-position: -24px -1920px; }
#menu1 .page-?page_id=2:hover > a > i, #menu1 .page-?page_id=2.active > a > i { background-position: -24px -816px; }
#menu1 .page-?page_id=76:hover > a > i, #menu1 .page-?page_id=76.active > a > i { background-position: -24px -96px; }
Whatever I do, the star remains. I have tried also:
/option 1/ #menu1 .page-contact /the name of one of the pages/ ...
/option 2/ #menu1 .contact ...
/option 3/ #menu1 .menu-contact ...
but to no avail. Any thoughts? Could it be that WP is not put under root directory, but in the directory web? I am already phishing here. Any help would be highly appreciated. Thanks.
