Change color on ONE Menubar tab HELP

  • https://dev.progressivemediaconcepts.com/

    I have changed the font colors on the menu bar using the menusm.css file, which was simple.

    My next task is I would like to change the “get a quote” menu tab only. I would like to change just that one’s color, both hover color, box color, font color, ETC…

    I am unsure where to locate the coding to single out a menu tab and create a new class. I have the coding installed in the menusm.css file already, just do not know where to input the HTML coding required to change it.

    Any help PLEASE

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

  • You do not need to add a new class as WordPress automatically generates a class for each menu item.

    If you look in your HTML output, you can see this for Get a Quote tab:

    <li class="page_item page-item-841"><a href="https://dev.progressivemediaconcepts.com/get-a-quote" title="Get A Quote">Get A Quote</a></li>

    Add the class page-item-841 to your CSS file and edit it there to get the effect you want.

    Thread Starter PMConcepts

    (@pmconcepts)

    Excellent! that was a great help! I got it to work, except the Font isn’t changing colors? is their a specific code that I need to use to change font color, size, boldness, etc? if so can you supply it? if not, oh well, it’s better then what it was!

    I only see where you changed the tab background colour. If you want to change the font colour as well, you need to add a CSS statement for it. For example, to change the font-colour to white, you would edit what you have now:

    .page-item-841{background-color:#d70000}

    to this:

    .page-item-841 {
background-color:#d7000;
color: #fff;
}

    To learn more about CSS and text, check out this beginner’s guide: https://www.htmldog.com/guides/cssbeginner/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change color on ONE Menubar tab HELP’ is closed to new replies.