Joomla Templates Club 406,261 posts

[pjotrij Friend pjotrijJoin date: October 2013Posts: 18Downloads:2Uploads:0 Thanks: 8]

#196694

I try to set the background to #be79bf, i changed it in megamenu.css
.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
text-decoration: none;
color: #be79bf
background-color: #be79bf

It does not have any effect. I am clueless at what causes this.

[Radonja Djurisic Friend Radonja DjurisicJoin date: September 2014Posts: 316Downloads:180Uploads:113 Thanks: 66 Thanked: 72 times in 15 posts]

#530659

If I understand you correctly to change the color of only part of the menu?
please use screenshot with explanation what u want to do

use this as example


.navbar-nav {
text-decoration: none;
color: #be79bf
background-color: #be79bf
}
.dropdown-menu{
background-color: #be79bf
border: 1px solid #be79bf

}


by the way create custom.css file in template/css folder
and use it for customize

[pjotrij Friend pjotrijJoin date: October 2013Posts: 18Downloads:2Uploads:0 Thanks: 8]

#530673

What I want to do is change the dark background of the module. What happens now is that the menutitem over which I hove gets the purple colour, also the text so it is not readable.

So, I need to change the darkgrey color of the megamenu, change the color of the active menu background and the hove backround. The color of the text should remain white.

You can see what happens on http://www.delichtzijde.nl/new

[Radonja Djurisic Friend Radonja DjurisicJoin date: September 2014Posts: 316Downloads:180Uploads:113 Thanks: 66 Thanked: 72 times in 15 posts]

#530677

Ok

1 u need to remove your first added customization

.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
text-decoration: none;
color: #be79bf
background-color: #be79bf
restore it as original

then create file custom.css in ..templates/purity_iii/css/
edit that file and add this code in


.dropdown-menu{
background-color: #646464
border: 1px solid #646464
}

.t3-megamenu .mega-nav > li a:hover,
.t3-megamenu .dropdown-menu .mega-nav > li a:hover,
.t3-megamenu .mega-nav > li a:focus,
.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
text-decoration: none;
color: #ffffff
background-color: #884747
}

.t3-megamenu .mega-nav > li.active > a,
.t3-megamenu .dropdown-menu .mega-nav > li.active > a {
color: #ffffff
background: #8c0e0e
}

and play with #colors

[Radonja Djurisic Friend Radonja DjurisicJoin date: September 2014Posts: 316Downloads:180Uploads:113 Thanks: 66 Thanked: 72 times in 15 posts]

#530678

let me know is this ok

Tolja

[Author]

Posts