Report reply Steph40 6 Posted August 4, 2017 (edited) 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 August 4, 2017 by Steph40 Quote Share this comment Link to comment
Report reply Michael 263 Posted August 4, 2017 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. 1 Quote Share this comment Link to comment
Report reply Michael 263 Posted August 4, 2017 Changed Status from Pending to Closed Quote Share this comment Link to comment
Report reply Steph40 6 Posted August 4, 2017 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 Quote Share this comment Link to comment
Report reply Steph40 6 Posted August 5, 2017 13 hours ago, Steph40 said: 2) I want to also increase its height, how do I do that. Got that one. Still need help with width. Quote Share this comment Link to comment
Report reply Steph40 6 Posted August 5, 2017 (edited) 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 August 5, 2017 by Steph40 Quote Share this comment Link to comment
Report reply Steph40 6 Posted August 5, 2017 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 Quote Share this comment Link to comment