Docs

[allancaeg]

I have 4 header navbar items. I’d like the last item to look like a Call-to-Action, being the most prominent among all buttons.

How do I give this a different CSS? For example, make it look like a button while others stay like this looking like just text

You can see this live on http://www.northstories.io/

[Lely]

Hi There,

Thank you for the URL. Please add this CSS on Appearance > Customize > Custom > Edit Global CSS:

li#menu-item-455> a:hover {
    box-shadow: none !important;
}
li#menu-item-455> a {
    padding-top: 17px;
}
li#menu-item-455> a>span {
    color: #ffffff;
    border-color: #ac1100;
    background-color: rgb(193,14,35);
    margin-bottom: 0.25em;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(0,0,0,0.75);
    border-radius: 0.25em;
    padding: 20px;
}

Hope this helps.

[allancaeg]

Beautiful. Exactly what I needed

Thanks @Lely!

[Rue Nel]

You’re most welcome.
That’s what we are here for!

[Author]

Posts