rich_LJU

Got it working – solution found here:

http://wordpress.org/support/topic/color-of-the-selected-menu-name?replies=6

Thanks, everybody!

Thank you, esmi. I am using these tools, however all my intents to style these menu items do not work.

I think the color is set by the “twenty fourteen colors” plugin (already posted in their forum, no answer yet), because the color, these menu items are displayed (#f94544) in, doesn’t show up anywhere in the css.

Thank you,

rich

Hey Lester,

thanks for checking:

.sh-hide a {-moz-box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e34949), color-stop(1, #c81313) );
	background:-moz-linear-gradient( center top, #e34949 5%, #c81313 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e34949', endColorstr='#c81313');
	background-color:#e34949;
	-webkit-border-top-left-radius:31px;
	-moz-border-radius-topleft:31px;
	border-top-left-radius:31px;
	-webkit-border-top-right-radius:31px;
	-moz-border-radius-topright:31px;
	border-top-right-radius:31px;
	-webkit-border-bottom-right-radius:31px;
	-moz-border-radius-bottomright:31px;
	border-bottom-right-radius:31px;
	-webkit-border-bottom-left-radius:31px;
	-moz-border-radius-bottomleft:31px;
	border-bottom-left-radius:31px;
	text-indent:0px;
	border:1px solid #fcfcfc;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:125px;
	text-decoration:none;
	text-align:center;
	padding-top:-5.5em;}  

.sh-hide a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c81313), color-stop(1, #e34949) );
	background:-moz-linear-gradient( center top, #c81313 5%, #e34949 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c81313', endColorstr='#e34949');
	background-color:#c81313;
.sh-hide a:active {
	position:relative;
	top:1px;

.sh-show a {-moz-box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e34949), color-stop(1, #c81313) );
	background:-moz-linear-gradient( center top, #e34949 5%, #c81313 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e34949', endColorstr='#c81313');
	background-color:#e34949;
	-webkit-border-top-left-radius:31px;
	-moz-border-radius-topleft:31px;
	border-top-left-radius:31px;
	-webkit-border-top-right-radius:31px;
	-moz-border-radius-topright:31px;
	border-top-right-radius:31px;
	-webkit-border-bottom-right-radius:31px;
	-moz-border-radius-bottomright:31px;
	border-bottom-right-radius:31px;
	-webkit-border-bottom-left-radius:31px;
	-moz-border-radius-bottomleft:31px;
	border-bottom-left-radius:31px;
	text-indent:0px;
	border:1px solid #fcfcfc;
	display:inline-block;
	color:#ffffff !important;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:125px;
	text-decoration:none;
	text-align:center; }

.sh-show a span {
	color:#ffffff;
}
.sh-show a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c81313), color-stop(1, #e34949) );
	background:-moz-linear-gradient( center top, #c81313 5%, #e34949 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c81313', endColorstr='#e34949');
	background-color:#c81313;
.sh-show a:active {
	position:relative;
	top:1px;

Hey Michael!

Thanks for your help. I think I am almost there, the only thing I can’t figure out now is where the top and bottom margin for the text widget in the lower right come from.

Any tips?

Cheers,

rich