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

August 7, 2023 at 10:27 pm #10429
[anonymous]
```
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
```
August 8, 2023 at 2:59 am #10431
[anonymous]
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
August 8, 2023 at 11:40 am #10434

[anonymous]

thanks shaun, well explained and very welcome 🙂

topic can be closed

August 9, 2023 at 3:39 am #10440

[anonymous]

Here’s a related post: https://forum.getpublii.com/topic/mega-menu-in-publii/