Hello, I'm trying to customize my menu blocks with a border and a background color. I'm not sure what happened but all of a sudden the background color on my menu blocks has stopped showing up. Does anyone know why the bit of css I'm using has stopped working? The first picture is what it looks like now and the second is what it used to look like. Here is the css I am using:
//MENU BACKGROUNDS
.menu-wrapper {
background-color: #ffff;
padding: 20px;
border-width: 10px;
border-top-width: 0;
border-right-width: 0;
border-style: outset;
border-color: #0071CE;
box-shadow: inset 0px 0px 0px 8px #F9AD32;
}
// TOP LEFT
.menu-wrapper {
bottom: -15px;
right: 0;
background: linear-gradient(135deg, transparent 3.3em, #ffff 0) top left;
}
// BOTTOM RIGHT
.menu-wrapper {
top: 0;
left: -15px;
background: linear-gradient(-45deg, transparent 3.3em, #ffff 0) top left;
}