can't overwrite themes hover style

  • Resolved Adrian Houle

    (@adrian-houle)


    11 years ago

    Hi. I am creating a child theme for https://wp-themes.com/responsive/?TB_iframe=true&width=600&height=400 and for some reason I cannot change the hover style for on the navbar.

    I have tried being very specific, using !important, checking that my code is correct.

    The tricky bit is hover style does not seem to show up on chromes developer tool, and I think this is because the hover style is only applied during a hover event, not during load, and so it does not show: this means I cannot check to see if my hover style is applying but being overwritten. I am able to change the background color, so this confirms to me that I am selecting the correct identifying, but when I hover it changes to the default hover color.

    One possibility I am thinking is that the it is not actually using the CSS hover pseudo class, but rather a JavaScript effect that display on top of the current nav tab; and so I am successfully changing the however function but it is being covered.

    Any ideas? Have been stumped on this all day. Here is the child theme in its current progression. https://adrianhoulewebprojects.com/JacquesHoule/
    Thanks,
    -Adrian

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Adrian Houle

    (@adrian-houle)

    Well guess ill Q&A this then.

    Turns out the elements I was trying to put a hover effect on were transparent and the hover effect was actually being applied on a layer underneath.

    I found it really helpful to use the show hover effects check box in chromes developer tool, and then to go through and find an element with a hover effect already applied.

    Thread Starter Adrian Houle

    (@adrian-houle)

    Resolved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘can't overwrite themes hover style’ is closed to new replies.