ThemeShaper Forums » Thematic

[closed]

Thematic Nav Menu - Single highlighted option

(4 posts)
  • Started 8 years ago by zoller
  • Latest reply from tntc1978
  • This topic is resolved
  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 8 years ago #
  2. If I understand you question correctly, I've dealt with it in this manner: http://forums.themeshaper.com/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 8 years 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 8 years ago #
  4. Great, glad it worked. Don't forget to set the topic as resolved then :-)

    Posted 8 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.