My emoticons don't fit!

biancatoeps

This discussion is related to the Emotify :) addon.

I replaced the emoticons with some bigger ones, and now they won't fit. Already changed this:

.Emoticon {
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
height: 25px;
width: 25px;
vertical-align: top;
}

Width and height, but I actually want to do something like 100%, just displaying the emoticons as they are.

I know just a little css and stuff, so please help me ;)

Mark

Look at the css definitions included in the plugin and you'll see that we defined each one individually if they were different from the ones defined in .Emoticon. There's no way for CSS to know the size of a background image natively - you need to tell it.

biancatoeps

.Emoticon11 { background-image: url('images/11.gif'); width: 41px; height: 24px; }

Still doesn't work?