Jump to content


This topic is now archived and is closed to further replies.

Ryan Logan

How To Change The Background Color Of A Single Navi Menu Item

Recommended Posts

Ryan Logan

Site:  fnacorp.flywheelsites.com


Tried a lot of things, but here is what I have currently.


ul.menu-primary-1 li#menu-item-92 a {background-color: #D09D03 !important;} 


Thank you,


Share this post

Link to post
Share on other sites

Hi rlogan ,


li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-92 {
  background-color: red;

Give that a try




Visit iheartpagelines.com for the latest tutorials on PageLines related products.


Share this post

Link to post
Share on other sites

There really isn't a need to use such a long class name(s). All menu items are given a unique ID, you can use this class name ID to style individual menu items. For example, at the moment you have the following CSS:


li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-92 {
  color: #D09D03;
You could have simply used this:
.menu-item-92 { ... }

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio+
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio+
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please?