Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] How do I highlight the current page?


  #1  
Old Oct 20, 2010, 06:05 AM
tixcoca
 
43 posts · Oct 2010
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
  #2  
Old Oct 20, 2010, 01:40 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 21, 2010, 04:53 AM
tixcoca
 
43 posts · Oct 2010
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

Bookmarks

Tags
current page, highlight, page background

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Both Blog page and Static Front page highlight when Blog page selected lomaprietapottery Page & Category Menu Bars 20 Jul 13, 2012 05:58 PM
Highlight active category / page item in menus vjoseph Page & Category Menu Bars 31 Apr 30, 2012 07:08 PM
Page menu (pages-widget): Current page item in post unelma Sidebars & Widgets 5 Jun 7, 2010 04:11 PM
Page menu: highlight a parent as current, even when on a subpage andd Page & Category Menu Bars 0 May 16, 2010 06:52 AM
[SOLVED] Sidebar page nav widget - text color of current page TheBoringOne Sidebars & Widgets 3 Dec 12, 2009 11:29 PM


All times are GMT -6. The time now is 09:44 AM.


Powered by vBulletin® Copyright ©2000 - 2022, Jelsoft Enterprises Ltd.