Menu styling CSS stopped working

[Anonymous 4322]

Anonymous 4322

September 8, 2016 at 5:06 am

I am using this to alter the style of the menu
#nav-main ul.sf-menu >li > a {
background: #dbd8c7;
margin: 3px;
padding: 5px;
border-radius: 5px;
box-shadow: 1px 1px 3px #666666;
}

#nav-main ul.sf-menu > li > a {
background: #dbd8c7;
background-image: -webkit-linear-gradient(top, #dbd8c7, #c8c6ba);
background-image: -moz-linear-gradient(top, #dbd8c7, #c8c6ba);
background-image: -ms-linear-gradient(top, #dbd8c7, #c8c6ba);
background-image: -o-linear-gradient(top, #dbd8c7, #c8c6ba);
background-image: linear-gradient(to bottom, #dbd8c7, #c8c6ba);
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 2px #666666;
-moz-box-shadow: 0px 1px 2px #666666;
box-shadow: 0px 1px 2px #666666;
padding: 5px;
text-decoration: none;
}
#nav-main ul.sf-menu > li > a:hover {
background: #e88e46;
background-image: -webkit-linear-gradient(top, #4e7cb2, #1f4f90);
background-image: -moz-linear-gradient(top, #4e7cb2, #1f4f90);
background-image: -ms-linear-gradient(top, #4e7cb2, #1f4f90);
background-image: -o-linear-gradient(top, #4e7cb2, #1f4f90);
background-image: linear-gradient(to bottom, #4e7cb2, #1f4f90);
text-decoration: none;
}

And seems like since I updated WP it’s stopped working – can’t figure out why.

it should look like this:
*Login to see link

But looks all boxy again and unreadable..
*Login to see link

Any suggestion would be fab thank you
NIc
x