Jump to content

Archived

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,

Ryan

Share this post


Link to post
Share on other sites
Aires

Hi rlogan ,

 

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

Give that a try

 

~Aires


ndTgvai.jpg

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

 

Share this post


Link to post
Share on other sites
Danny

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+
      Hi 
      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+
      Hello,
      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:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      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? 

×