Joomla Templates Club 406,261 posts

[optimized Friend optimizedJoin date: July 2010Posts: 34Downloads:0Uploads:6 Thanks: 2]

#201193

Hi,

How do we change the colour of the drop downs in the mega menu to the same colour that you helped us change the boxes to on the slideshow?

Thanks,

Mike

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#548906

So you want to change the background of your mega-menu dropdowns to the pink color of the content item list in the slideshow?

[optimized Friend optimizedJoin date: July 2010Posts: 34Downloads:0Uploads:6 Thanks: 2]

#548907

Yes Tom, that it is what is required.

Regards,

Mike

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#548911

Try This . . . .

if you haven’t yet done so, create a new file called “custom.css” within file path –> templates/ja_biz/css/

Within that custom.css file, paste the following CSS rule:


.t3-megamenu .mega > .nav-child.mega-dropdown-menu {
background: none repeat scroll 0 0 #e7017d;
}

Better ?? 🙂

[optimized Friend optimizedJoin date: July 2010Posts: 34Downloads:0Uploads:6 Thanks: 2]

#548916

Great thanks, can you send me the code to change the colour of the main menu items when they are hovered upon

Mike

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#548918

Within the same custom.css file you created, paste the following CSS rule:


.navbar-default .navbar-header .navbar-toggle:hover, .navbar-toggle:hover, .navbar-default .navbar-header .navbar-toggle:focus, .navbar-toggle:focus, .navbar-default .navbar-header .navbar-toggle:active, .navbar-toggle:active {
background: none repeat scroll 0 0 #e7017d;
border-color: #e7017d;
}

[Author]

Posts