How UGLY the menu of sharePoint 2013 lets change it

I dont like the menu of SharePoint 2013 its toooo UGLY…

Lets change it.

My changed menu ….so Sexy

menu

1) Open as usual SharePoint designer .

2)Check that which master page application is  using

In master page paste following CSS.

and add for parent menu

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item
{
/*margin-right:30px;
border:1px solid transparent;
font-size:15px;*/
margin-right:1px;
border:1px solid rgb(207, 120, 0);
display:block;
background:rgb(207, 120, 0);
color:white;
text-decoration:none;
padding:0 10px;
margin-top:20px;
padding-top:7px;
padding-bottom:7px;
}

For child menu 

li.dynamic
{
/*display:list-item;*/

display:list-item;
border-bottom:1px solid white;
display:block;

background:rgb(207, 120, 0);
color:white;
text-decoration:none;
padding:0 10px;

}

TO change font color

.ms-core-header .ms-core-listMenu-item,
.ms-core-header .ms-core-listMenu-item:link,
.ms-core-header .ms-core-listMenu-item:visited,
.ms-core-header .ms-tv-item:link,
.ms-core-header .ms-tv-item:visited,
.ms-core-header .ms-tv-header:link,
.ms-core-header .ms-tv-header:visited
{
color:white;
}

And we are done with sexy menu….

Advertisements

One thought on “How UGLY the menu of sharePoint 2013 lets change it

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s