[Resolved] Post Format Icons

[Bert]

Hello Tom,

first I want to wish you and your lovely ones a happy, healthy and prosperous new year!
I think it’s never too late for good whishes… 😉

Now back to the reason I am writing you:

Since a couple of days I am looking to find a way to display an icon on the featured image of video postings, so that my visitors can see immidiatly that they are going to watch a video before they click on the link on the frontpage….

Well, of course there are some plugins, but I don’t want to use plugins. It’s just too easy 😉
Just kidding, I need to save memory….

I am sure that you could help me out with an idea on how to accomplish this. All the “great tipps” I found didn’t work… It’s probably because they where made for other themes….

THANK YOU!

[Tom]

Hi there,

Happy New Year!

Post Formats are given special class you can use.

For example:

.format-video .post-image:before {
    content: 'hi';
    position: absolute;
    top: 0;
    left: 0;
}

.format-video .post-image {
    position: relative;
}

In this case, you would replace “hi” with the unicode for your icon. If you’re using a font icon, you would also need to add font-family.

Let me know if you need more info 🙂

[Bert]

Thank you Tom.

That helps already very much.

Just one question left:
How would it be possible to include an image instead of Font Icons?

OH, BTW… on Startpage.com this ticket here is no 1 😉

Happy Selling! 😉

[Tom]

You should be able to do this:

content: 'url(URL TO YOUR IMAGE)';

[Bert]

Everything is perfect now.
Thank you very much Tom.

[Tom]

You’re very welcome 🙂

[Author]

Posts