Jump to content

hover second tier menu

Closed 4.2.2

Hi,

I want to change the hover color text for second tier submenu (or whatever you call it). for instance, on your site,:

activity -- my activity streams -- i want to change after that. 

It is hard to see if you click at the right place.

Thank you

Edited by Steph40

Share this comment


Link to comment

i call submenu's usually, in the code they are called "children"

but to answer your question, got customization->themes->your theme, click on the pencil icon and then go to the "text" tab, and find "link hover color". that will change them however suite wide, if you just want to target cj menu, you can add this to your customs.css

.cjmenu_bars .cjmenu_child > li:hover > a
.cjmenu_bars .cjmenu_alt_child > li:hover > a,
.cjmenu_bars .cjmenu_alt_child > li.on > a,
.cjmenu_bars .cjmenu_child > li.on > a,
.cjmenu_bars .cjmenu_mega_container > ul > li.on > a,
.cjmenu_bars .cjmenu_mega_container > ul > li:hover > a,
.cjmenu_bars .cjmenu_mega_child > li:hover > a,
.cjmenu_bars .cjmenu_mega_child > li.on > a,
.cjmenu_block > li:hover > a,
.cjmenu_block > li.on > a,
.cjmenu_block .cjmenu_block_child > ul > li.on > a,
.cjmenu_block .cjmenu_block_child > ul > li:hover > a {
    color: #somecolor
}

change the #somecolor to a hex color value you'd like. 

  • Confused 1

Share this comment


Link to comment

I tried, I put this in custom.css

/* hover and activation text color for sub-menus bars and block */
.cjmenu_bars .cjmenu_child > li:hover > a
.cjmenu_bars .cjmenu_alt_child > li:hover > a,
.cjmenu_bars .cjmenu_alt_child > li.on > a,
.cjmenu_bars .cjmenu_child > li.on > a,
.cjmenu_bars .cjmenu_mega_container > ul > li.on > a,
.cjmenu_bars .cjmenu_mega_container > ul > li:hover > a,
.cjmenu_bars .cjmenu_mega_child > li:hover > a,
.cjmenu_bars .cjmenu_mega_child > li.on > a,
.cjmenu_block > li:hover > a,
.cjmenu_block > li.on > a,
.cjmenu_block .cjmenu_block_child > ul > li.on > a,
.cjmenu_block .cjmenu_block_child > ul > li:hover > a {
    color: #B50541
}

So they should turn red on hover but they don't.

2 more things:

1) The menu is full width, I want it the same width as the body, how do I proceed?

2) I want to also increase its height, how do I do that. 

Thanks

Share this comment


Link to comment

Ok figured it out, added this to custom.css

#ipsLayout_header {
	position: relative;
  	margin-left: 5%; 
  	width:90%;
}

And made my header transparent and change the height with:

#ipsLayout_header header {
    height: 110px;
  	background-color: transparent
  	
}

Getting close to what I want.

Edited by Steph40

Share this comment


Link to comment

For those who want to know, to change the height of the menu:

/* main color for widgets/plugins/template plugin */
.cjmenu_widget {
    background-color: #1A2758 !important;
  	height: 75px !important;

in cuntom.css

Share this comment


Link to comment
×
×
  • Create New...