menu item css

  • Noobcamp

    (@noobcamp)


    10 years, 8 months ago

    hey helpful friends!

    looking for a way to change the hover color of background for my “kickstarter menu item”.

    I know this question has been beat to death by numerous similar posts but bear with me. I started learning CSS yesterday.

    The blog I need help with is noobcampblog.com.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Suzette Franck

    (@mt_suzette)

    10 years, 8 months ago

    If you use the FireBug extension for FireFox or something similar, you can see that an ID was assigned to that particular menu item automatically, in this one it is assigned an ID of menu-item-104. If you write a rule like the following:

    #menu-item-104 a:hover {
     background: #00FF00;
}

    This will change the background for just that menu item on hover in CSS.

    Thread Starter Noobcamp

    (@noobcamp)

    10 years, 8 months ago

    can i do this in the css stylesheet editor?

    Thread Starter Noobcamp

    (@noobcamp)

    10 years, 8 months ago

    o and i realized i dont think those buttons have a background maybe…so i guess just the color of the button

    Thread Starter Noobcamp

    (@noobcamp)

    10 years, 8 months ago

    I got it!

    .menu-item-104 {
    background-color: #76CC1E !important;
    }

    .menu-item-104 a:hover {
    color: #76CC1E !important;
    }

    thanks for the help

    Suzette Franck

    (@mt_suzette)

    10 years, 8 months ago

    In general, it is better not to use !important unless absolutely necessary. 🙂 Congrats on getting it figured out! You are on your way to becoming a CSS guru!

    Thread Starter Noobcamp

    (@noobcamp)

    10 years, 8 months ago

    Thanks alot for your help..

    Any idea why it might reject it with out !important?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘menu item css’ is closed to new replies.