Public Forums 71,145 posts

[clicker71 Friend clicker71Join date: March 2014Posts: 2Downloads:0Uploads:0]

#195474

Hi everyone.

I spent a lot of trying to customize colours of MegaMenu. i’ve tried this – http://www.joomlart.com/forums/topic/submenu-grey-colors/ , i’ve tried to edit megamenu.less , megamenu.css – nothing helped.

So what is the way of correct (i suppose editing LESS or custom.css – is the most correct) way of colouring MegaMenu (bg, active, hover…)?

Best regards, Daniel

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#525558

please post your site Url, and what color do you need to be changed

[clicker71 Friend clicker71Join date: March 2014Posts: 2Downloads:0Uploads:0]

#525592

sorry I can not post my URL because it is still at localhost

i found the solution of modifying custom.css in such a way (i also modify small width media menu colors), but i wonder is this way the most corrct one?

my CUSTOM.CSS for menu colors:
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
.t3-megamenu .mega-nav > li.open > a,
.t3-megamenu .dropdown-menu .mega-nav > li.open > a, .dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover {
background: #BBE26A
}
.dropdown-menu .divider {

background-color: #71AF0E
}
.dropdown-menu > li {
border-top: 1px solid #71AF0E
}
.dropdown-menu {
color: #EEEEEE
background-color: #85C226
border: 1px solid #85C226
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
.dropdown-menu > li > a {
color: #EEEEEE
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: #BBE26A
color: #ffffff
}

.dropdown-menu > .dropdown-submenu {
color: #EEEEEE

}

.head-search .search {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}

.navbar-default .navbar-toggle {
background: none repeat scroll 0 0 #85C226

}
.navbar-default .navbar-toggle:hover {
background: none repeat scroll 0 0 #BBE26A
color: #BBE26A
}

@media (max-width: 991px) {

.navbar-default .navbar-nav .open {

background: #EEEEEE

}
.navbar-default .navbar-nav .open .dropdown-menu {
background: white;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #666666

}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #85C226
background-color: white;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #85C226
background-color: white;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc
background-color: white;
}
}

>>>>>>>>>>>>>

[Author]

Posts