hover

  • Resolved hmh11

    (@hmh11)


    8 years, 8 months ago

    Hi Mat,

    How do I set the colour for hover state of the links in the sidebar menu? Is there a style I can add to the custom style sheet I have set up for the theme?

    David

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Mat Lipe

    (@mat-lipe)

    8 years, 8 months ago

    Hi David,

    You are probably looking for something like this:

    .advanced-sidebar-menu li a:hover {
    color: red !important;
}

    Note: I added an !important to the style to override anything that may exist in your theme. You will want to remove that if not necessary.

    Mat

    Thread Starter hmh11

    (@hmh11)

    8 years, 8 months ago

    Hi Mat,

    Thank you for your reply. Links remain unchanged on mouse hover after adding the style you suggested to either the child theme style sheet or the advanced-sidebar-menu/views/sidebar-menu.css file. Mouse over currently has no effect, but I noticed that in the plugin style sheet file there is this style for the hover state:

    .advanced-sidebar-menu ul li a:hover{
    text-decoration: underline;
    }

    Is this meant to underline links by default on mouse hover?

    David

    Advanced Sidebar Menu Version 6.3.1
    Advanced Sidebar Menu Pro Version 2.2.0

    Thread Starter hmh11

    (@hmh11)

    8 years, 8 months ago

    Update to my last post. Other properties, like text-decoration and font-weight, work with the

    .advanced-sidebar-menu li a:hover

    selector, but the color property does not.

    Thread Starter hmh11

    (@hmh11)

    8 years, 8 months ago

    And another update. I removed the parent, child and grandchild page colors I had set in the plugin options and the color property in the style now works.

    In short, all is fine.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘hover’ is closed to new replies.