Great plan – I was thinking somewhat the same thing actually. ??
I am having a little trouble with maintaining the icon though. When I input the following into the CSS field it changes after saving – adding ‘/’ in places and disabling the code.
What I add:
.custom-icon:before {
content: “”;
width: 103px;
height: 20px;
display: inline-block;
background: url(‘https://staging.albertaequestrian.com/wp-content/uploads/2015/03/Contact_AEF_2.png’) no-repeat;
background-size: 103px 20px;
}
What it changes to after saving:
.custom-icon:before {
content: \”\”;
width: 103px;
height: 20px;
display: inline-block;
background: url(\’https://staging.albertaequestrian.com/wp-content/uploads/2015/03/Contact_AEF_2.png\’) no-repeat;
background-size: 103px 20px;
}