• Twenty Ten theme, navigation

    I have got to grips with the basic navigation blocks customising colour, the font and font size. What I am unable to achieve is adding a separator between each button, ideally this separator should look perforated. See lidget.co.uk as my goal

    Again, the roller-over colours I have mastered but what I would like to achieve is a unique colour and highlighted block for the page you current reside upon. Again see “Home” when you enter lidget.co.uk

    My site is hosted at lidgetspares.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • For the perforated separator between each button, I would add the following to the bottom of the style.css of your child theme (You really should be working with a child theme of Twenty Ten so your changes aren’t overwritten when you upgrade the parent theme.):

    .page_item {
      border-left: 1px dotted #ffffff;
    }

    That should create a dotted border on the left side of every nav button except the currently selected one, which has the class “current_page_item.”

    If you want a color and highlighted block for the current page, I think all you’d need would be to add the following to the style.css:

    .current_page_item {
      background-color: #594A42;
    }

    Thread Starter nicpaice

    (@nicpaice)

    Thanks linux4me2, this code worked 1st time.
    I take on board your comments re: child theme
    Nick

    Thread Starter nicpaice

    (@nicpaice)

    Help, I activated http://www.lidgetspares.com/wp-admin/nav-menus.php and I lost the perforated separators apart from when .current_page_item is in play. My site again is lidgetspares.com

    LOL Whoops.

    You just lost the class we used earlier. I think if you change:

    .page_item {
      border-left: 1px dotted #ffffff;
    }

    to:

    .menu-item {
      border-left: 1px dotted #ffffff;
    }

    you will be back in business.

    Thread Starter nicpaice

    (@nicpaice)

    Yes, I am back in business.
    Nick

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty Ten theme, navigation, new features and presentation’ is closed to new replies.