Change Active Menu Color…

Viewing 1 replies (of 1 total)

  • The background for the active menu comes from this image. It takes that orange line at the very bottom and repeats it along the x-axis with this rule:

    .menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus,
.menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
    background: url('images/menu-secondary-bg.png') left -140px repeat-x;
}

    So, what you can do is download the image, change the orange part to red using an image editor, upload it to a separate folder so it doesn’t get overwritten the next time the theme gets updated, and copy the above CSS rule into your child theme’s style.css file and modify it to point to your new image instead of the theme’s image.

Viewing 1 replies (of 1 total)
  • The topic ‘Change Active Menu Color…’ is closed to new replies.