I may have an alternate fix for the icons…is there any way I can individually select the style class for an unvoted vs voted icon? Currently the below works to fix the comment icon, but the hand style is “vote-down-unvoted” or “vote-up-unvoted”, so this overrides both the voted and unvoted css styles.
.hentry .idea-item .vote-up-unvoted{
font-size: 0px;
letter-spacing: -1px;
color: transparent;
}
.hentry .idea-item .vote-up-unvoted:before{
font-style:normal;
text-rendering:auto;
-webkit-font-smoothing: antialiased;
font-family: “Font Awesome 5 Free Solid”, “Font Awesome 5 Free” !important;
font-size: 20px;
font-weight:300;
content: “\\f164”;
color:#515156;
}
.hentry .idea-item .vote-down-unvoted{
font-size: 0px;
letter-spacing: -1px;
color: transparent;
position:relative;
top:7px;
}
.hentry .idea-item .vote-down-unvoted:before{
font-style:normal;
text-rendering:auto;
-webkit-font-smoothing: antialiased;
font-family: “Font Awesome 5 Free Solid”, “Font Awesome 5 Free” !important;
font-size: 20px;
font-weight:300;
content: “\\f165”;
color:#515156;
}
.hentry .idea-item-comments i{
font-size: 0px;
letter-spacing: -1px;
color: transparent;
position:relative;
top:0px;
}
.hentry .idea-item-comments i:before{
font-style:normal;
text-rendering:auto;
-webkit-font-smoothing: antialiased;
font-family: “Font Awesome 5 Free Solid”, “Font Awesome 5 Free” !important;
font-size: 15px;
font-weight:300;
content: “\\f4ad”;
color:#868686;
}