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

XF 1.5 Adding image/emoticon to profile likes

seabeds

Active member
#2
So far i have this:




And in my likes_summary.css
HTML:
.likesSummary
{
    overflow: hidden; zoom: 1;
    font-size: 11px;
}

    .likesSummary:before
    {
        background: transparent url('styles/uix_dark/xenforo-ui-sprite.png') no-repeat -155px -58px;
margin-top: -7px;
content: '';
display: block;
position: absolute;
left: 10;
top: 20%;
width: 15px;
height: 14px;

    }

        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)
        {
            .likesSummary:before
            {
                background-image: url('styles/uix_dark/xenforo-ui-sprite-big.png');
                background-size: 200px 80px;
            }
        }

    .LikeText
    {
        float: left;
    }
  
    .likeInfo
    {
        float: right;
    }
 

rafass

Well-known member
#5
I don't use that kind of themes. not sure if there are some option to do that. you can ask in the respective thread of that theme.
Anyway, with just few lines of CSS you can put whatever you want there. FA icons too.
Screen Shot 2016-04-09 at 10.28.09 AM.png
and achieve something like:
slide.gif