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
    Posts
  • #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
    

    css-class

    
    
    		
    	
    #10431
    Avatar photoshaun2k

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

    menu-bar-with-pointer

    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

    #10434
    Avatar photokarlchen

    thanks shaun, well explained and very welcome 🙂

    topic can be closed

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