1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Unmaintained Sticky/Lock FontAwesome Icon Replacement

Remove images, replace with FA.

  1. Sheldon

    Sheldon Well-Known Member

    Sheldon submitted a new resource:

    Sticky/Lock FontAwesome Icon Replacement - Remove images, replace with FA.

    Read more about this resource...
     
  2. Adam Howard

    Adam Howard Well-Known Member

    This is the only one I can not seem to upgrade to font awesome 4.0.3

    I don't think it likes the <span> tag
     
  3. Sheldon

    Sheldon Well-Known Member

    Change it to whatever you want... <adamhoward> <xenforo> <whatever>.
     
    SneakyDave likes this.
  4. Adam Howard

    Adam Howard Well-Known Member

    :cautious:

    Well I tried changing it to <i> tag as font awesome suggest, but that pushes it all the way to the left.

    Was hoping maybe you had some insight on a working solution. :coffee:
     
  5. Adam Howard

    Adam Howard Well-Known Member

    In font awesome 3.2.1 as you have displayed it
    PHP:
    <span class="icon-eye-open icon-fixed-width"></span>
    In font awesome 4.0.3 that all changes to this though
    PHP:
    <span class="fa fa-eye fa-fw"></span>
    However this doesn't work.
     
  6. Sheldon

    Sheldon Well-Known Member

    Code:
       
            <xen:contentcheck>
               <xen:hook name="thread_list_item_icon_key" params="{xen:array 'thread={$thread}'}">
               <xen:if is="{$thread.isModerated}"><span class="moderated" title="{xen:phrase moderated}">{xen:phrase moderated}</span></xen:if>
               <xen:if is="!{$thread.discussion_open}"><adamhoward class="fa fa-lock fa-fw"></adamhoward></xen:if>
               <xen:if is="{$thread.sticky}"><adamhoward class="fa fa-thumb-tack fa-fw"></adamhoward></xen:if>
               <xen:if is="{$thread.isRedirect}"><span class="redirect" title="{xen:phrase redirect}">{xen:phrase redirect}</span></xen:if>
               <xen:if is="{$thread.thread_is_watched} OR {$thread.forum_is_watched}"><adamhoward class="fa fa-eye fa-fw"></adamhoward></xen:if>
               </xen:hook>
             </xen:contentcheck>
                    
    
    Extra.CSS
    Code:
    adamhoward.fa {
        float: right;
    }
     
    Adam Howard likes this.
  7. Adam Howard

    Adam Howard Well-Known Member

    Thank you @Sheldon (y)

    It's a little creep that it worked. :ROFLMAO: And I don't think that would count as valid code. But <span> didn't work (for whatever reason) and using <i> just pushed other things to the right (that shouldn't be on the right).
     
  8. Sheldon

    Sheldon Well-Known Member

    Just change it to:

    i.fa {
    float: right;}

    The reason I used your name, I don't have a clue where else you have used the i.fa class or anything close. You can change it to whatever you want, just make the proper call in the CSS to have it float right.
     
    SneakyDave likes this.
  9. Adam Howard

    Adam Howard Well-Known Member

    I did change it to

    i.fa {
    float: right;}

    But that pushed a few other things to the right. So I'm using

    fa.fa {
    float: right;}

    And that works. Just not sure about the validness of have <fa> </fa> as html tag.
     

Share This Page