Jump to content


Photo

Wish: Navigation bar to change color when you hover on button


This topic has been archived. This means that you cannot reply to this topic.
4 replies to this topic

#1 somagoods

somagoods

    Advanced Member

  • Members
  • PipPipPip
  • 33 posts

Posted 08 November 2010 - 12:58 PM

Greetings! In Platform Pro, my nav bar is orange with white text. When a certain button is highlighted (either because you are on the page or you are hovering on the button), I would like it to be the opposite - white bkgd with orange text. Is that possible? For reference: http://somagoods.com/ Thanks!

#2 somagoods

somagoods

    Advanced Member

  • Members
  • PipPipPip
  • 33 posts

Posted 08 November 2010 - 01:01 PM

Another treatment that might look nice is to have the text remain white, but the button to change to a different color when highlighted. CSS Code for either of those options would be most appreciated!

#3 somagoods

somagoods

    Advanced Member

  • Members
  • PipPipPip
  • 33 posts

Posted 08 November 2010 - 01:19 PM

Update: I figured out the code for hovering #nav_row ul li A:hover {color:#f7941d; background-color:#ffffff} However, I'm still trying to change color for the page that you are on. (Right now on http://somagoods.com/, it's white on white)

#4 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 08 November 2010 - 09:06 PM

` #nav_row ul li.current_page_item a { color:#f7941d; } `

#5 somagoods

somagoods

    Advanced Member

  • Members
  • PipPipPip
  • 33 posts

Posted 08 November 2010 - 11:25 PM

Thank you Adam - most appreciated!