Adding "colored button" to menu

[Anonymous 106331]

Anonymous 106331

September 18, 2017 at 1:32 pm

I’m trying to get the “Hire Us” menu item to appear as a colored button, but the CSS code that I added into the Virtue=Premium: style.css page doesn’t seem to be working. Any idea what I’m missing here. I added the CSS Class ss-hire-button to the menu item, and then added the following code to the style page, but it won’t produce the effect I’m looking for (ironically, similar to the effect on the “My Account” menu item for the Forum page).

/* Give the link some padding and some color */
.fl-page-nav .navbar-nav > li.ss-hire-button {
padding: 10px;
}

.fl-page-nav .navbar-nav > li.ss-hire-button > a {
background-color: #0F637D;
color: #fff;
padding: 5px 18px !important;
border-radius: 5px;
}

/* Adjust the position for the fixed navigation menu */
.fl-page-header-fixed .fl-page-nav .navbar-nav > li.ss-hire-button > a {
position: relative;
bottom: 6px;
}

/* Give the button a hover & active state */
.fl-page-nav .navbar-nav > li.ss-hire-button > a:active,
.fl-page-nav .navbar-nav > li.ss-hire-button > a:hover {
color: #fff;
background-color: #196F8C;
}

Any idea what I’m missing here?

Thanks,
Dean