While working on some web design for a colleague of mine the other day, I came across this cool css trick that I had never seen or read about.  It was so different that I wanted to share it with you.  I wish I could take credit for this, but I can’t.  Thanks goes to Michael Davis of I’m Not Marvin for putting this one together.  I’m just relaying the trick.

So, I came across a problem where I needed a sort of box-shadow to follow the text in a menu item.  The shadow itself was done in photoshop and saved as a .png file and uploaded to wordpress.  The shadow itself couldn’t be one length as the list items were all different lengths. [Read more…]

Here’s another trick I don’t run into very often: how do you change the bullet color in a list but not the font?  Let’s say your client wants a bulleted list, but does not want the font color to be the same as the bullet color.  Like I said, it’s not a problem you’ll face very often, but here’s the way to tackle it if you do. [Read more…]

If you’ve ever had a list item or a paragraph and you needed an image to appear after the text, but only when someone hovers over it, here’s the way to do it. I don’t run into this very often myself, but every now and then it comes up. [Read more…]