Archived topic
Post Format Icons
5 replies · Started by Bert on January 12, 2017
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!
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 :)
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! ;)
You should be able to do this:
content: 'url(URL TO YOUR IMAGE)';
Everything is perfect now.
Thank you very much Tom.
You're very welcome :)
