[Resolved] Post Format Icons

Home Forums Support Post Format Icons

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #263629
    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!

    #263775
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #263955
    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 😉

    Post Format Icons

    Happy Selling! 😉

    #264057
    Tom
    Lead Developer
    Lead Developer

    You should be able to do this:

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

    #264182
    Bert

    Everything is perfect now.
    Thank you very much Tom.

    #264185
    Tom
    Lead Developer
    Lead Developer
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.