Change style for one of the menu items

  • Resolved SalvisB

    (@salvisb)


    11 years, 3 months ago

    For an hours I’m trying to change color for one of the menu items which should be an easy task, but can’t figure out why it isn’t working.
    When I copy full CSS path it colors all menu items (as it should):
    html.js body.home div#et-wrapper div#header div.container ul#top-menu.nav li.page_item a { };
    but when I insert class for particular menu item (html.js body.home div#et-wrapper div#header div.container ul#top-menu.nav li.page_item .page-item-228 a), it doesn’t work at all.
    Can someone look at it?
    Website: sandbox.alba-ltd.lv , last menu item called “Akcijas”.

    Would really appreciate some help.

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

  • try to correct the css syntax;
    example:

    html.js body.home div#et-wrapper div#header div.container ul#top-menu.nav li.page_item.page-item-228 a

    Thread Starter SalvisB

    (@salvisb)

    Found it interesting. When I used pages in my menu as set in my theme by default, CSS style didn’t work for me (.page-item-#). But when I created custom menu with .menu-item-# classes, it works fine.
    Looks like problem must be somewhere in theme itself.

    Anyway, problem solved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change style for one of the menu items’ is closed to new replies.