I tried this:
.site-footer::before {
border-left-color: #fff;
border-right-width: 1.5em;
left: 0;
}
.site-footer::before, .site-footer::after {
border: 1.1em solid #b5b5b5;
bottom: 0;
content: “”;
display: block;
position: absolute;
z-index: 1;
}
.site-footer::after {
border-left-width: 1.5em;
border-right-color: #fff;
right: 0;
}
.site-footer::before, .site-footer::after {
border: 1.1em solid #b5b5b5;
bottom: 0;
content: “”;
display: block;
position: absolute;
z-index: 1;
}
.site-footer {
background: #b5b5b5 none repeat scroll 0 0;
position: relative;
It stays grey but the “arrow” ends in the left and right side (like in the navigation menu) disappear…