Howdy, LOVE this plugin. I have probably a very basic question about using Font Awesome characters as per your instructions on your blog. This CSS works great:<\/p>\n
.collapseomatic.fa-triangle {
\n\tbackground-image: none;
\n}
\n.collapseomatic.fa-triangle:before {
\n\tfont-family: FontAwesome;
\n\tcontent: “\\f0da”;
\n\tcolor: #6e9846;
\n font-size: 1.6em;
\n line-height: 0.5em;
\n font-weight: bold;
\n padding-right: 0.5em;
\n}
\n.colomat-close.fa-triangle {
\n\tbackground-image: none;
\n}
\n.colomat-close.fa-triangle:before {
\n\tfont-family: FontAwesome;
\n\tcontent: “\\f0d7”;
\n}<\/p>\n
but I would prefer to use the “fa-play” character (\\f04b) instead of the fa-caret-right (\\f0da), and for the close, instead of the fa-caret-down (\\f0d7), I want to rotate the play character so it points downward. I can’t figure out how to set that in the CSS above, i.e. where to put the “icon-rotate-90”. Is that possible to do in CSS? I tried using transforms but that had no effect. Thanks for any info you can provide. <\/p>\n","protected":false},"template":"","class_list":["post-9763676","topic","type-topic","status-publish","hentry","topic-tag-css","topic-tag-rotate"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/9763676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/9763676\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=9763676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}