CSS nav menu item BACKGROUND only

  • How to apply CSS to Only the Background of a single nav menu item?

    I’ve been applying custom CSS to nav menu items, but it applies to the whole element of the menu item (ie animation, the word spins, I don’t want that) but I want the CSS to apply only to the background area.

    Is there an actual element that the individual menu li sits inside?

    thanks

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

  • can you please share website link

    Thread Starter wasanajones

    (@wasanajones)

    Link to Site

    Hello,

    I would suggest to add an individual CSS class to Nav Menu items. That will help you to add individual CSS using that class.

    In WordPress, you can easily style your menu by adding css classes to each items and make use of it.

    Go to admin > appearance > menu
    Click on Screen Options (top right of the screen)
    Check the CSS classes options in the “Show advanced menu properties” panel
    add your css classes to the element

    Check this image : https://imgur.com/xKgDxom

    Try this steps and see if that helps.

    Thanks.

    Thread Starter wasanajones

    (@wasanajones)

    As I dig into this…

    I have added CSS to the nav item in the menu options – that displays the custom css

    what I wanted to “try” to do is/was apply the CSS animation only to the background so that the text remains static – I realize that it is not possible to apply to background only

    so now I need figure out how the nav menu item is layered – maybe somehow assign animation: none; to the text

    or some other brilliant idea

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS nav menu item BACKGROUND only’ is closed to new replies.

Tags