ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   zoller
   Member

   Hi all, first of all I'd like to thank you at thematic for this awesome theme and it's customisation potential.

   Currently my site is not live, it is being hosted locally. My problem is with the [out of the box] navigation menu. I have added my pages and would now like one 'page/option' to be highlighted in order to stand out from the others.

   I have tried in my child theme's style.css to add (this was my attempt to highlight all options, to give me a start on where to go in order to select a single tab.)
   

   #access{
   color:#FF0000;}

   and

   #sf-menu sf-js-enabled{
   color:#FF0000;}

   but this is not working and my beginner self is at a loss as to what comes next. any help is appreciated.

   Thank you.

   Posted 1 year ago #
2. 

   tntc1978
   Member

   If I understand you question correctly, I've dealt with it in this manner: http://themeshaper.com/forums/topic/two-menu-problems-picture-and-padding My only problem is, that sub-pages get the same encoding :-)

   All you need to do to accomplish this is:
   1. Look at the source code, and find the ID of the tab you're interested in highlighting.
   2. Add something like this to your stylesheet where 576 is the ID you found in step 1.
   

   .sf-menu li.page-item-576 a {
   	color:#9a201f;
   	background: #fafafa;
   }
   .sf-menu li.page-item-576 a:hover {
   	color:#9a201f;
   	background: #fafafa;
   }

   Posted 1 year ago #
3. 

   zoller
   Member

   sorry for my horrendously late reply. thanks for that I will have a go at it now.

   edit: brilliant, it has done exactly what I wanted, thank you.

   Posted 1 year ago #
4. 

   tntc1978
   Member

   Great, glad it worked. Don't forget to set the topic as resolved then :-)

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.