Docs

[mgma]

Can you guys help me style individual menu items? I usually do it with a menu number and # etc… but can;t seem to get it. I’m trying to make one or two of them look like buttons…

Thanks!!

[Thai]

Hi There,

Please add the following CSS under style.css file locates in your child theme:

#menu-item-543 a,
#menu-item-553 a {
    padding-top: 5px !important;
}
#menu-item-543 a span,
#menu-item-553 a span {
    -webkit-box-shadow: 0 0.25em 0 0 #dd9933, 0 4px 9px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0.25em 0 0 #dd9933, 0 4px 9px rgba(0, 0, 0, 0.75);
    border-width: 1px;
    text-transform: none;
    color: #000;
    border-color: #d6a700;
    background-color: #ffba00;
    padding: 0.385em 0.923em 0.538em;
    font-size: 12px;
}
#menu-item-543 a span:hover,
#menu-item-553 a span:hover {
    color: #fff;
    border-color: #d6a700;
    background-color: #ffba00;
}

Hope it helps 🙂

[mgma]

Thanks… works great!!!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts