Adding FA icons to 3rd party/HTML Widgets

[anil]

Hey Russ,

Sup bro? So i'm using an old code to add FA icons to my 3rd party widgets. Because after installing the new themes, Some just has this " >> " as the icon.

So this is the code im using:

.block[data-widget-definition="xFRMResourceStatistics"] .block-minorHeader::before{
    .m-faContent(@fa-var-album-collection);
}

.block[data-widget-definition="html"] .block-minorHeader::before{
    .m-faContent(@fa-var-heart);
}

which results in this:

So, I'm at the loss because the buy me a beer widget doesn't change. the widget definition is " html ", so i cant figure out why its not working. it's the only Html widget I have.

Help a brother out!

 

[Russ]

HTML block for whatever puts the data-attributes on the .block-container instead of the .block. Simply add a space after ".block"

.block[data-widget-definition="xFRMResourceStatistics"] .block-minorHeader::before{
    .m-faContent(@fa-var-album-collection);
}

.block [data-widget-definition="html"] .block-minorHeader::before{
    .m-faContent(@fa-var-heart);
}

 

[anil]

HTML block for whatever puts the data-attributes on the .block-container instead of the .block. Simply add a space after ".block"

.block[data-widget-definition="xFRMResourceStatistics"] .block-minorHeader::before{
    .m-faContent(@fa-var-album-collection);
}

.block [data-widget-definition="html"] .block-minorHeader::before{
    .m-faContent(@fa-var-heart);
}

works like a charm. thanks, bro.