Sign in
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Edit Menu Item

  • This topic has 3 replies, 3 voices, and was last updated 6 months, 3 weeks ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #10429
    Avatar photokarlchen
    what is the field "css class" for ? 
    can the color, font, etc. of the individual menu items be set here?
    if so, can someone give an example..i can't figure it out


    Avatar photoshaun2k

    One use of “CSS class” for menu item is when you wish to style it differently from the others.
    For example :


    Here, the “Contact Us” menu item has class of “CTA-menu”.

    And in the custom css, the styling is defined as:

    .CTA-menu a {
        background-color: #45b6f5;
        color: #fff!important;
        border-radius: 3px;
        margin-left: 1em;
        font-weight: 600;
        transition: .24s ease-out
    .CTA-menu a:hover {
        text-decoration: none!important;
        background-color: #3594c9

    BTW, I noticed this from one of the showcased site

    Avatar photokarlchen

    thanks shaun, well explained and very welcome 🙂

    topic can be closed

    Avatar photocandidexmedia
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.