Joomla Templates Club 406,261 posts

[roxxsolid Friend roxxsolidJoin date: June 2009Posts: 32Downloads:28Uploads:9 Thanks: 7]

#850485

Okay, so the "nav-highlight" that’s on the "Get A Quote" on my page Main Menu is fine. But I want to highlight the "Request Consult" item, but with a plain rectangle.

Here is the code I added to the "custom.css" to try and replicate the "nav-highlight" code, but it’s not working right. Any insights?

"nav-highlight-secondary"

.old-ie .navbar-nav > li.nav-highlight-secondary > a,
.old-ie .navbar-nav a.nav-highlight-secondary {
padding-top: 10px;
padding-bottom: 10px;
}

.navbar-collapse ul.navbar-nav > li.nav-highlight-secondary > a {
background: transparent;
margin: 0;
}
.navbar-collapse ul.navbar-nav > li.nav-highlight-secondary > a:before {
display: none;
}

.navbar-nav > li.nav-highlight-secondary > a,
.navbar-nav a.nav-highlight-secondary {
background: #0b96f3;
padding: 10px 20px 10px 20px;
color: #ffffff;
}

.navbar-nav > li.nav-highlight-secondary > a:hover,
.navbar-nav a.nav-highlight-secondary:hover,
.navbar-nav > li.nav-highlight-secondary > a:focus,
.navbar-nav a.nav-highlight-secondary:focus {
border-color: transparent;
background: #0a87db;
color: #ffffff;
}

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#851234

I added the new CSS class "nav-highlight-secondary" into Request Consult menu and added the CSS style above into templates/ja_decor/css/custom.css file and you will see that CSS style is effecting on your site, you can continue to work with your custom on that button.

[Author]

Posts