Change Side Panel Menu Icon
.swm-sp-icon-box {
padding: 0;
text-align: center;
line-height: 40px;
}
.swm-sp-icon-box .swm-sp-icon-inner {
display: none;
}
.swm-sp-icon-box:before {
content: '\f007';
font-size: 14px;
font-weight: 700;
font-family: "Font Awesome 5 FREE";
}
- Go to icon unicode page ( https://fontawesome.com/cheatsheet ) and copy desired icon unicode and replace in with f007 in above code.
- If you are using "Regular" icons then change
font-weight: 700
tofont-weight: 400
in above code - If you are using Brands icon then change
font-family: "Font Awesome 5 FREE"
tofont-family: "Font Awesome 5 Brands"
in above code. You can use font-weight 400 and 700 in brands icons.
Add code snippet in the child theme's style.css file ( Child Theme Setup Video Tutorial ) or Dashboard > Appearance > Customize > Additional CSS.