Hi,
I'm working on a design where every page-button has it's own background image.
I have tried to highlight the current page, but, I can't figure out how! This is my code so far for the specific item.

/*ITEM 2/////////////////////////*/

div#menu1 li.page-item-2 a:link,
div#menu1 li.page-item-2 a:visited,
div#menu1 li.page-item-2 a:active {
background: url(http://www.minfo.xxxx) no-repeat top left;
}

div#menu1 li.current_page_item-2 a:link,
div#menu1 li.current_page_item-2 a:visited,
div#menu1 li.current_page_item-2 a:active,
div#menu1 li.current_page_item-2 a:hover {
background: url(http://www.minfo.xxxx) no-repeat top left;
}

div#menu1 li.page-item-2 a:hover {
background: url(http://www.minfo.xxxx) no-repeat top left;
}


Thank you
TC

there is no class 'current_page_item-2' - there is a 'current_page_item' class. if you wanted to set a color for when page 2 was the current, but you didn't want page set when it was current, you would use bot classes like this: 'div#menu1 li.current_page_item.page-item-2 a:link'

Thank you, that did it!

The code, to anyone who's searching out there!

div#menu1 li.current_page_item.page-item-2 a:link,
div#menu1 li.current_page_item.page-item-2 a:visited,
div#menu1 li.current_page_item.page-item-2 a:active,
div#menu1 li.current_page_item.page-item-2 a:hover {
background: url(http://www.minfo.xxxx) no-repeat top left;
}

TC