ColorMag 2.1.1 – CSS override

Hi @howster1976,

Thanks for reaching us,

For chnaging the color from blue to red, please use the code below and check if it helps you or not:

.cm-primary-nav ul li.current-menu-item {	
    background-color: #ff0000;
}

Let me know if this helps you or not and I will get back to you.

Regards

Thanks but that didn’t work but these seems to do the job:

#site-navigation {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
	position: relative;
	background-color: #fff;
	border: none;
	z-index: 999;
}



/* tab color override*/
 .main-navigation ul li.current-menu-item > a {
	background-color: #f8f8f8;
}

.main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li.current_page_ancestor > a {
	background-color: #f8f8f8;
}

/*sub menu bg color override*/
.main-navigation .sub-menu, .main-navigation .children {
	background-color: #fff;
	border: 1px solid #dedede;
}
/*sub menu bg color hover override*/
.main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover {
	color: #FFFFFF;
	background-color: #D25D12;
}

/*tab hover*/
.main-navigation a:hover, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_ancestor > a, .main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li.current_page_item > a, .main-navigation ul li:hover > a {
	background-color: #f8f8f8;
}

may help others trying to override colors in the menu

• This reply was modified 1 year, 3 months ago by howster1976.
• This reply was modified 1 year, 3 months ago by howster1976. Reason: more info
• This reply was modified 1 year, 3 months ago by howster1976.

Hi @howster1976,

Glad to hear that the issue has been fixed. Let me know of any other confusion or issues and I will get back to you.

Regards