Re: Change menu color with CSS

Home Forums Older releases 0.9.x Change menu color with CSS Re: Change menu color with CSS

#1520
admin
Keymaster

Hi, you need to edit the color declaration in the following rules:

/* Menu items
===================*/

	.sm-clean a {
		padding:12px;
		color:#555;
		font-size:18px;
		line-height:17px;
		font-family:'Lucida Sans Unicode','Lucida Sans','Lucida Grande',Arial,sans-serif;
		text-decoration:none;
	}
	.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active,
	.sm-clean a.highlighted {
		color:#D23600;
	}

	/* ... */

	.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active,
	.sm-clean ul a.highlighted {
		color:#D23600;
		background:#eee;
	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-clean a.current, .sm-clean a.current:hover, .sm-clean a.current:focus, .sm-clean a.current:active {
		color:#D23600;
	}

Also possibly the responsive styles further down in “sm-clean.css”:

/* Menu items
===================*/

	.sm-clean a {
		padding:13px 5px 13px 28px !important;
		color:#555 !important;
		background:transparent !important;
	}
	.sm-clean a.current {
		color:#D23600 !important;
	}

As for the old styles in v6.0.4, they are defined in a completely different way in the JS config file so they are not compatible at all.

Cheers!

Register

You will be emailed a link to set your password.

Login

Lost password?