Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 15, 2015 at 7:11 pm #459602
    ferriscreative

    I’m trying to turn the standard text nav in the portfolio sort by category subnav into buttons. I’ve figured out how to make them into buttons, but the rollover (hover) effect won’t stay once you’ve clicked on it. I’ve tried various “active” states and it’s still not working. Can anyone help please? I would like all the buttons to have a blue outline with blue text until rolled-over. Then I want them filled in blue with white text. This is as far as I’ve gotten. Once clicked, I want them to stay filled in blue with white text.

    Thanks!

    http://ashforthcomp.wpengine.com/investment/experience/ (hosted on WPengine)

    Here’s the CSS I have so far:

    .inner_sort_button {
    color: #336699;
    border: 2px solid #336699 !important;
    border-radius: 5px;
    padding: 5px;
    margin: -2px;
    }

    .inner_sort_button:hover {
    background-position: 100% 100%;
    background: #336699 !important;
    color: #ffffff;
    border-radius: 5px;
    }

    June 16, 2015 at 10:56 am #459947
    Ismael

    Hey ferriscreative!

    Thank you for using Enfold.

    Please try this code:

    .sort_by_cat a.active_sort > span {
  background-color: blue;
  color: white;
}

    Regards,
    Ismael

    June 16, 2015 at 3:10 pm #460075
    ferriscreative

    That’s perfect! Thanks so much!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Creating a rollover nav effect on sort by category subnav’ is closed to new replies.