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

XF 1.3 What is the Public Control Item for + Quote titled?

Discussion in 'XenForo Questions and Support' started by FredC, Jul 10, 2014.

  1. FredC

    FredC Well-Known Member

    As the title indicates..

    Trying to rework my Public COntrol links/buttons by adding some css rules but cant figure out the item name.

    Thanks in advance..
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    If you mean the CSS class, try .message .publicControls .MultiQuoteControl
     
    FredC likes this.
  3. RoldanLT

    RoldanLT Well-Known Member

    Use Inspect Element :D
     
  4. FredC

    FredC Well-Known Member

    I did but in many cases i dont understand what im seeing/reading/looking at. :(
     
  5. FredC

    FredC Well-Known Member

    Thanks a Ton Brogan that did it.. I was building on your "Make post sharing more obvious" Resource.. Of course as you can see i actually used the FA modification by @RoldanLT
    SS.png
    Thanks again to the both of you.
     
    Last edited: Jul 10, 2014
    RoldanLT likes this.
  6. RoldanLT

    RoldanLT Well-Known Member

    Looks great, I want to copy your desired icons :D
     
    FredC likes this.
  7. FredC

    FredC Well-Known Member

    a little adjustment to the + Quote button with the help of the phrase manager..
    unnamed (3A).png
     
  8. FredC

    FredC Well-Known Member

    Here is my extra css for those items..

    Code:
    .message .publicControls .item.postNumber:before {
        content: "\f045";
        font-family: FontAwesome;
        margin-right: 3px;
        color: #771C1C;
    }
    
    
    .message .publicControls .item.MultiQuoteControl:after {
        content: "\f10e";
        font-family: FontAwesome;
        margin-left: 3px;
        color: #771C1C;
    }
    
    
    .message .publicControls .item.like:before {
        content: "\f164";
        font-family: FontAwesome;
        margin-right: 3px;
        color: #771C1C;
    }
    
    
    .message .publicControls .item.unlike:before {
        content: "\f165";
        font-family: FontAwesome;
        margin-right: 3px;
        color: #771C1C;
    }
    
    
    .message .publicControls .item.reply:before {
        content: "\f112";
        font-family: FontAwesome;
        margin-right: 3px;
        color: #771C1C;
    }
    Keep in mind these Are Font Awesome icons.. So you must have FA installed for the icons to appear. (also be sure you are calling the latest version of FA as some of the newer icons wont work with earlier versions.
     

Share This Page