layoutlounge | Adding Tiny Icons to Expressive

Account Status: All
Theme: Expressive
Actions: Adding Tiny Icons to Currents (mood, music, location, tags)
Links: Code Index

So on some of my Expressive layouts you'll see this:

Current Tiny Icons: I after a lot of digging I think I've discovered that Expressive doesn't give you the ability to have tiny icons next to your currents (mood, location, music, etc). There is a way to do it with Theme Layers in a paid layout but again, I'm not doing this now. If you know differently please comment and tell me because I couldn't get it to work no matter what I did.

Apparently, I lied. Or forgot how to code for a moment. But I figured out how to give you tiny icons on the currents in expressive.

You'll find code like this in those Layouts:

Let's Change it to this:

Now let's find the coding for LJ Tags if you want a tiny icon next to that.

This is the lj tag code you'll find in the no tiny icons layout:

And we will change it to this coding:

Some padding and margins get changed in here to accommodate the icon. Originally when I was thinking you couldn't do it; it was because in the Flexible Square code there are specific css coding for them .currentmood, .currentlocation, .currentmusic, etc. There was so such thing in Expressive but I forgot when dealing with a ul li list of items you can just add +li.

So in the coding you will see location is .lj-currents ul li and mood is .lj-currents ul li+li and music is .lj-currents ul li+li+li. It is designating which item in the list so one li is the first and ever li after moves the item down the list. I guess that is what happens when you haven't done much in the way of coding in 2 years or more. You start forgetting things. But it suddenly came to me and you get to benefit. I hope this helps you!

Any questions about this tutorial? Please Comment