Image sprite CSS question

  • Hi,

    I have a nav menu with image sprites that is not behaving exactly the way I want. I’m using wordpress with skeleton theme. What I want is for #menu-item-131 to display a different image sprite from the rest of the navigation. Inspecting with firebug reveals that as of now #menu-item-131 takes its style from #navigation ul li a. I’ve tried a lot of different things, even moving all navigation css except for #menu-item-131 to the non-child theme css file, but no luck. Below is the navigation css code.

    Would really appreciate some help with this.

    Thank you.

    /Isak

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Exclusif

    (@exclusif)

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    I can’t post a link to my site since its not online yet.

    You should be able to style #menu-item-131 directly.

    Thread Starter Exclusif

    (@exclusif)

    #menu-item-131 has its own styling, but the background style of “#navigation ul li a” is overriding the background style of #menu-item-131.

    #navigation ul li#menu-item-13 will over-ride it.

    Thread Starter Exclusif

    (@exclusif)

    For some reason #navigation ul li#menu-item-131 is not overriding it.

    Thread Starter Exclusif

    (@exclusif)

    #navigation ul li.menu-item-131 a solved it. Bit embarrassing, but im still learning.

    Thanks for your help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Image sprite CSS question’ is closed to new replies.