Diamond Shaped Backgrounds On Lists

Hi,

Has anyone been able to create different CSS shapes behind list icons.

I’ve tried this

`.avia-icon-list .iconlist_icon {
height: 64px;
width: 64px;
line-height: 64px;
font-size: 30px;
text-align: center;
/* border-radius: 500px; */
position: relative;
float: left;
margin-right: 30px;
margin-left: 2px;
z-index: 5;
color: #fff;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
enfold_child.cs…9f095cc51a74:1

But can’t get it to work.

Any ideas?

Thanks