CSS menu styling issues (1.9 child theme)

Community Forums Forums Design Tips and Tricks CSS menu styling issues (1.9 child theme)

This topic is: not resolved

Tagged: , ,

This topic contains 3 replies, has 2 voices, and was last updated by  fortyfivecreative 1 week, 3 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #22081

    fortyfivecreative
    Participant
    Post count: 10

    Hi, am trying to get some quick help with the css for 2 menu states, and cannot find this info anywhere.

    (1) Style the hover state of a current page or parent item which also has a sub menu.
    Ref: click on http://shfco.hostfortyfive.co.uk/help-sell-house-fast.
    Need to alter the ‘hover’ colour of “how can we help” when it, or an item from it’s sub menu, is already selected.
    I’m guessing this is some sort of combination of sf-with-ul and current-menu-item?

    (2) I also need to be able to alter the text colour of an item on a sub menu when it becomes the current page item.
    Ref: click on http://shfco.hostfortyfive.co.uk/help-sell-house-fast/release-equity.
    In this case “release equity” on the sub menu needs to be a different colour.

    Thanks in advance
    David

    #22190

    Sridhar Katakam
    Participant
    Post count: 851

    Use this CSS:

    .genesis-nav-menu li.current-menu-item.sfHover a.sf-with-ul,
    .genesis-nav-menu li.current_page_parent.sfHover a.sf-with-ul {
        color: orange;
    }
    
    .genesis-nav-menu li li.current-menu-item a {
        color: red;
    }

    #22212

    fortyfivecreative
    Participant
    Post count: 10
    This reply has been marked as private.
    #100143

    fortyfivecreative
    Participant
    Post count: 10
    This reply has been marked as private.
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.